Help with centering Modal Link

Store Design
, ,
1

I’m trying to center this modal link but having a hard time. Any thoughts? It’s circled in Yellow in the photo attached.

Screenshot 2024-10-14 at 16.17.31.png
Screenshot 2024-10-14 at 16.17.31.png1187×835 74.6 KB

I’ve attached the web url for this as well: https://wallofvenus.com/products/coast-of-amalfi

2

Hi @wallofvenus :waving_hand: try the following in a custom-css setting for that section or theme

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css

[aria-controls="product-form-main-8573617209638-template--23622088229158__mainmodal_bEJAJG"] {
  margin: 0 auto;
  display: block;
}

or a bit less specific but still requires that specific block order of buy-buttons then modal button blocks:

[data-block-type="buy-buttons"] + [data-block-type="modal"] button {
  margin: 0 auto;
  display: block;
}

Good Luck.

3

Thanks! Option 2 worked for me.