@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:
Topic summary
A user seeks to reduce the width of the ‘add to cart’ button on their product page using the Prestige theme. They included images showing the current button appearance versus their desired narrower design.
Solution Provided:
- Add custom CSS code to the theme’s Custom CSS section
- Target
.buy-buttons .button--outlinewith specific width value (e.g., 100px) - Include
margin: autoproperty - Adjust the width value according to specific needs
The response includes a code snippet and output example to implement the fix. This appears to be a straightforward CSS customization requiring theme editor access.
1 Like