Change color of "add-to-cart" button in Debutify theme

[Tom090897]

I want to change the color as #5ddd95 of "add-to-cart" button in Debutify theme. Can anyone help me. 

My page is www.cuswelry.com. 

[JosephK]

Hi,

Look like this, right?

[Tom090897]

Yes, look like this, and also without the black bordr.

[JosephK]

if that, you can go to Admin -> Theme -> Customize Code -> assets -> theme.scss.css

and add this code to that file.

.template-product .product-single__add-to-cart .ph_clone_atc_btn{
  background-color: #5ddd95 !important;
  border: none !important;
}

[Tom090897]

It works! Thanks!!! but we find that the button need few seconds to change the color from black to #5ddd95. Is it possible that there is no color changing time for this? I mean the color of add to cart button is direct #5ddd95 with no color loading time.

[JosephK]

Hi,

that right.

[Tom090897]

Can you help to sovle the problem above？Please.

[JosephK]

You are wanna the first color show is black then when user hover on button the color will change to #5ddd95, right?

[Tom090897]

The situation is that when i get in my website, it will firstly display the black colour of the add to cart button, then wait about 1 second, it will change to the colour we wanted.

[Tom090897]

But we want to color is always stick in #5ddd95 without loading time.

[JosephK]

That thing must be customize in code directly, so if you familiar with code you can use Javascript to handle it.