Studio theme - how to align variants to the left

[Jaymi]

Hi there - I’ve tried several code options without success. I’d like my product variant titles (color, size, etc) and the variant swatches/pills to align left. How might I accomplish this in the Studio theme? Thanks so much!

[niraj_patel]

Hello @Jaymi

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.product .globo-swatch-list.globo-swatch-list-use-js { text-align: left !important; } .product .globo-align-content-center .value { justify-content: flex-start !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Jaymi]

Finally! Code that works! Thanks so much for this help!