change the hoover color and background color for the add to cart button in the p

[miguelsoler]

Hi,

How and where do I change the hoover color and background color for the add to cart button in the product pages?

I will like to the button was the same that I have preset throughout the web.

Kind regards

Miguel Soler

Add a screenshot

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

The add to cart uses your alt bg color for the background and the link text color for the text. You can change these in the color customiser

– Kyle

[Mohammad – SUPPORT]

Hi,
Please provide me spicific page url with issue.
Thanks
Mohammad

[miguelsoler]

Hi Mohammad
The URL of my shop is this: http://www.dubuloj.com/shop/ and within any products you can find, such as this: http://www.dubuloj.com/shop/menage-a-trois/ruganrozo-menage-a-trois/
I would like the design was the same as the button “share this”, which is below.

Thank you!!

[miguelsoler]

Hi Kyle.

I tried, but after playing all sections of color customiser. I have not managed to change it, which is why I turn to the support.
Thank you so much.

The add to cart uses your alt bg color for the background and the link text color for the text. You can change these in the color customiser

– Kyle

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.single_add_to_cart_button{
background:#786854 !important;
color:#fff !important;
}
/*hover color*/
.single_add_to_cart_button:hover{
background:#ccc !important;
color:#fff !important;
}

Thanks
Mohammad

[miguelsoler]

Mohammed thank you very much, The solution is good but the hoover does not change color, and i don’t know why.

[Mohammad – SUPPORT]

Hi,
Please put the code again because i need to check it.
Thanks
Mohammad

[miguelsoler]

Sorry Mohammad.
It is already included in the css

Thanks
Miguel

[Mohammad – SUPPORT]

Hi,
Please always insert custom css code at Admin -> Theme Option -> Custom CSS.
Thanks
Mohammad

[miguelsoler]

Hi Mohammad.
Admin -> Theme Option -> Custom CSS. Yes, That’s where the code is pasted. Any problem?

Thanks
Miguel

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Try to place the code at the top of the custom css field, because you could have an error in some of the rules and below an error nothing is executed.

-Rui

[miguelsoler]

Mohammed It is already placed on the top of the CSS. Sorry, Normally I always put down. I will change the direction of the entries.
Thanks Miguel.

[Mohammad – SUPPORT]

Hi,
Now everything seems perfect 🙂 .
Thanks
Mohammad