Move sizes to the left padding

Store Design
, , , ,
1

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
B03F1731-ED3D-44BC-8363-F9BA62A8F2F1.jpeg1170×2532 175 KB

2

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
Darshanp712_0-1719928761998.png408×806 44.7 KB

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

Best regards,

Darshan.