Change background add to cart button Turbo theme

Store Design
1

Hello,

I’m trying to change the background on my add to cart button. I have the lastest Turbo theme, I know that code should look something like this

.button.add_to_cart {
background-color:none!important;
border-color: #FFB7C5!important;
color: #fffb7c5 !important;
}

However I think the name of the button is wrong, can someone please help me?

2

Hi @Only1mrsfragili

Would you mind sharing your store’s URL so we can check that for you? Thanks!

3
4

Add the following code at the end of your styles.css file:

button.add_to_cart {
    background: aqua;
    border: 0;
    color: white;
}

Keep the border at 0 if you don’t want to have a button border in a different color.

Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!

5

Hi, Only1mrsfragili
Go to your theme > Edit code> Assets > Style.css .
And paste the code. Then save

.add_to_cart, .product_form input.add_to_cart {

background-color: #000 !important;
border-color: #FFB7C5!important;
color: #fffb7c5 !important;

}

1 Like
6

Thank you

1 Like
7

welcome

8

This didn’t give the effect I was looking for but thank for trying.