Debutify Add-To-Cart Button color

Solved
timouser
Tourist
3 0 0

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

0 Likes
JHKCreate
Shopify Partner
2499 412 595

Hi @timouser 

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

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
timouser
Tourist
3 0 0

Hi!

heatparadise.myshopify.com

Pass: 123

Theme: Debutify

 

@JHKCreate 

0 Likes
JHKCreate
Shopify Partner
2499 412 595

This is an accepted solution.

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!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
timouser
Tourist
3 0 0

That worked, thank you so much!

 

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

 

@JHKCreate 

0 Likes
JHKCreate
Shopify Partner
2499 412 595

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;
}

 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com