Changing the colour of the Add to Cart button on Debut theme?

Highlighted
Tourist
44 0 3

Hi everyone! Sorry for asking a lot of questions today! 

I'm hoping someone could advise me on how to change the colour of my add to cart button on my product pages? I'm using the debut theme.

Thanks a lot!

Sunil

2 Likes
Excursionist
38 0 8

Hi SunilG,

Go to your Theme editor and edit your 'theme.scss" file. Find this block of code:

.product-form__cart-submit {
    display: block;
    width: 100%;
    line-height: 1.4;
    padding-left: 5px;
    padding-right: 5px;
    white-space: normal;
}

Add "background-color: #000;" 

Change "#000" to your desired color.

3 Likes
Tourist
44 0 3

Thank you very much! :) It worked well!

Would you happen to know a way I could change the size of the text inside the add to cart button?

Thanks again,

Sunil

0 Likes
Excursionist
38 0 8

Yes, by adding the code below inside .product-form__cart-submit:

font-size: 16px;

Feel free to change the 16px to whatever size fits your needs

1 Like

And what if one wants to change the font color for that button alone?

WaterBottleShop.Online
https://waterbottleshop.online
0 Likes