Product Button Width – Prestige Theme

emilyaugstudios · ‎08-19-2024

Hey everyone!

I was wondering if there is a way to make the 'add to cart' button width smaller on the product page? I am using prestige theme and have added images below to explain what I mean. I thought there was a way within the page customisation to change this but can't find it now.

Thank you!

URL – https://927103-16.myshopify.com/

Current look –

What we want –

BrainStation23 · ‎08-19-2024

@emilyaugstudios. You can add the following code in your theme Custom CSS section.

buy-buttons .button--outline {
  width: 100px;//adjust this value according to your need
  margin: auto;
}

here is the output:

Brain Station 23 PLC (Mail: js.sbu@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps

View solution in original post

BrainStation23 · ‎08-19-2024

@emilyaugstudios. You can add the following code in your theme Custom CSS section.

buy-buttons .button--outline {
  width: 100px;//adjust this value according to your need
  margin: auto;
}

here is the output:

Brain Station 23 PLC (Mail: js.sbu@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps

Product Button Width – Prestige Theme

Product Button Width – Prestige Theme

Community Blog Articles