Hi,
according to this thread I changed the color of the add to cart button in my woocommerce shop using quick CSS under general styling of my enfold theme successfully with this code:
.single .cart .button { background-color: #6786a1!important; text-shadow: none!important; box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.2)!important; color: white!important; }
So now I have the question, how can I specify the color for hovering over the button?
Thanks a lot!
Hey ClimbingSocks,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Hi ClimbingSocks,
I don’t see the css applying on your website. Where can I see it and which button do you need to change hover for?
Could you please attach some screenshots of the issue?
Best regards,
Victoria
Hi,
thanks a lot for your answer. I added the CSS Code in the Quick CSS field under “General Styling” in my Enfold Theme. You can find the pages, where I would like to change the hover color of the “In den Warenkorb”-Button in the private content.
Thanks for further support.
Best regards,
Magnus
Hi ClimbingSocks,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top form.cart .button:hover {
background-color: rgb(26, 108, 26) !important;
}
If you need further assistance please let us know.
Best regards,
Victoria