A user wants to style the “Add to cart” button on product pages to match the “Continue shopping” button’s outline style (transparent background with a 1px solid border in color #354b2a).
Current situation:
Response:
Another participant confirmed this is achievable through custom coding and offered assistance to implement the change without affecting other site elements.
Status: The technical solution has not yet been shared; the discussion remains open for implementation details.
Is there a way I can turn the “Add to cart” buttons on the product information pages to be an “outline button style” just like the “Continue shopping” button?
For rich text blocks, for example, there is an option to choose “outline button style” in the left menu of the theme customizer. So, I’m wondering if there is code that can be used to turn the current “Add to cart” button into a no color background, border 1px solid #354b2a button design.
Appreciate any guidance on this!
Yes, it’s definitely possible, but it does require some coding expertise. If you’d like, I can take care of it to ensure everything works smoothly without affecting other parts of the site.
