Center Variant Pills Vertically

[lucyh]

Hey all! Hoping someone can help with a solution for making Variant Pills Vertical and Centered, WITHOUT making them full width. Working in Dawn

[Moeed]

Hey @lucyh

Can you also share the URL of this product so that I can provide you a code?

Best Regards,

Moeed

[lucyh]

It does, but they are no longer vertically stacked. I am trying to keep the vertical stack AND center

But appreciate the reply!

[lucyh]

https://collections-code.myshopify.com/products/test-product

[lucyh]

beotah

[GloboPrdOptions]

Hi there,

We’re the developers of Globo Product Options. If you’re working with Dawn and want to make the variant pills display vertically and centered (without stretching them full width), you can try adding the following CSS to the end of your base.css file:

.product-form__input–pill input[type=“radio”] + label {
margin: 0.7rem auto 0.2rem;
}

Hope this helps!

Best,

[lucyh]

HERO!!! THANK YOU!!!