Move sizes to the left padding

Move sizes to the left padding

Luxurymrkt
Navigator
615 2 107

 Hi,

 

a couple people helped but once there’s 2 lines of sizes it goes back to center. I want to align all sizes to the LEFT

 

please see pics attached: my site is https://luxurymrkt.com/collections/ets-fs-best-selling-products

 

B03F1731-ED3D-44BC-8363-F9BA62A8F2F1.jpeg

Thank You | mike
Reply 1 (1)

Darshanp712
Shopify Partner
137 21 16

Hello @Luxurymrkt, Please add this CSS below in your section file or in your custom.css file of the store. You have to change CSS of this from justify-content: center; to  justify-content: flex-start;

Please follow these steps to add this CSS code:
1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open "base.css"
6. Add the following code at the end of the file.

 

 

.usf-swatchs ul {
    text-align: center;
    padding: 3px;
    list-style: none;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    width: fit-content;
    margin: auto;
    justify-content: flex-start;
}

 

 

See the output below.

Darshanp712_0-1719928761998.png

 

Feel free to reach out if you have any questions or need assistance.

Best regards,

Darshan.

 

Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution.