Add to cart button

Store Design
, , ,
1

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?

rencafenyc_0-1739470054306.png
rencafenyc_0-1739470054306.png398×107 13.6 KB

For rich text blocks, 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 because there is no option to customize the “Add to cart” button in the left menu.

Thank you!

URL: https://rencafenyc.com/

2

Hi @rencafenyc ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

#ProductSubmitButton-template--17151085052098__main {
    background-color: transparent !important;
    border: 1px solid #354b2a !important;
    color: #354b2a;
}

#ProductSubmitButton-template--17151085052098__main:hover {
    background-color: #354b2a !important;
    color: white;
}