Help me center Size and Color option on product page

[minoritywetrust]

I entered this code in (theme.liquid) to center the content on my product page.

.product__info-container { text-align: center; } variant-radios, variant-selects { display: flex; justify-content: center; } .price-per-item__container { display: flex; justify-content: center; } .product-form__input { margin: 0 auto !important; }

It worked for everything except size and color option.

Please help me center this as well on mobile and desktop.

Dawn

website link: theminoritynyc.com

[Made4uo-Ribe]

Hi @minoritywetrust

Add this one on your stye tag.

.select {
    margin: auto;
}

And Save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[minoritywetrust]

you’re the best!!!