How can I center align product options using CSS?

Store Design
, , , ,
1

Hi,

We are currently using advanced product options.

Our store is romanandisaac.co.uk - password is isaac

I am trying to figure out the correct css to center align the product options.

Thanks

2

@cabinandcrate

Can you please share screenshot?

3

Hello there,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > section-main-product.css and paste this at the bottom of the file:
modal-opener.product-popup-modal__opener.no-js-hidden.quick-add-hidden {
display: flex;
justify-content: center;
}

ZestardTech_0-1695120945617.png
ZestardTech_0-1695120945617.png995×789 279 KB

4

Hey @cabinandcrate

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1695121148403.png
Moeed_0-1695121148403.png386×697 143 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed