Move sizes to the left padding

[Luxurymrkt]

 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

[Darshanp712]

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.

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

Best regards,

Darshan.