How can I change the color of the Add-to-Cart button in Debutify?

Store Design
1

Hello,

I want all buttons in one color, except the add to cart button.

(Theme: Debutify)

So, what I want to do is changing the add-to-cart button color by code. Unfortunately, I don’t know the code..

I’m glad for any help :slightly_smiling_face:

2

Hi @timouser

This is an easy fix, would you mind sharing your store’s URL and the theme you’re using?

3

Hi!

Pass: 123

Theme: Debutify

@JHKCreate

4

Hi @timouser

Add the following code to the theme.scss.css:

button#AddToCart--product-template {
/*Cart Background Color*/
    background: blueviolet;

/*Remove Yellow Border*/
    border: none;

/*Text Color*/
    color: white;
}

Let me know if that works!

5

That worked, thank you so much!

Do you maybe have a solution for changing the hover color + hover border too? :slightly_smiling_face:
(Also for the sticky add-to-cart?)

@JHKCreate

6

Use the following code and adjust as needed:

button#AddToCart--product-template:hover {
/*Cart Background Color*/
    background: blueviolet;

/*Remove Yellow Border*/
    border: none;

/*Text Color*/
    color: white;
}
7

Hello @JHKCreate

Thanks for the help.

Do you also know how to change the color of the Sticky Add to Cart? I also use Debutify and the code above worked for the Add to Cart but not for the Sticky Add to Cart.
Thanks in advance and best regards.