ResolvedHow to change Woocommerce Products Hover Color?

Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #19286
    Stefan
    Participant

    I imported the Burger Demo and changed all the colors where i was able to change it. But the products which i listed have a white border and a white color when hovering with the mouse over it. I can’t find the option to change that color or to turn it off.

    Website: movetopanama.net Homepage

    best regards

    #19288
    Althemist
    Keymaster

    Hi Stefan,

    not really sure what do you mean. Could you, please give us more details? Exactly where is this? Can’t see changing color on hover on your site.

    Regards,
    Dimitar

    #19293
    Stefan
    Participant

    I mean this white space on both screenshots

    https://ibb.co/3cLnGmh
    https://ibb.co/Xk0jxd2

    #19297
    Althemist
    Keymaster

    This can only be changed with CSS. You’d need to edit the styles for the following selector:

    div.prod_hold:hover {
        background-color: #your-color-here;
    }

    Hope this helps.

    Regards,
    Dimitar

    #19312
    Stefan
    Participant

    Thank you very much, I had on the second screenshot also white space when not hovering over the element. I think its the Wrapper or something of the page, but I can’t figure it out :S

    #19316
    Althemist
    Keymaster

    Is this a woocommerce page? If you provide a link to that specific page, I’d be able to give you directions.

    Regards,
    Dimitar

    #19333
    Stefan
    Participant

    Im sorry for not providing the link! 🙂 here is the link http://movetopanama.net/order-online/

    its not a normal page… :S (products)

    #19336
    Stefan
    Participant

    Already solved it!

    How can I edit the Quick View for products? its background is always white, but I want to change it to black globally

    #19347
    Althemist
    Keymaster

    Again, this can be done with CSS only.

    .lafka-quick-view-lightbox .mfp-content {
        background: #111111;
    }

    Hope this helps.

    Regards,
    Dimitar

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register