Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1253550

    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!

    • This topic was modified 4 years, 2 months ago by ClimbingSocks.
    #1253680

    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

    #1253681
    #1253697

    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

    #1253911

    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

    #1254073

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.