Product icons background hover – products

This topic has 7 replies, 2 voices, and was last updated 1 years, 10 months ago ago by Peter

  • Avatar: Peter
    Peter
    Participant
    February 13, 2023 at 10:44

    How to change the color of the element that I marked on the screen?
    I tried to change but it doesn’t change.
    Please help.

    Please, contact administrator
    for this information.
    6 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 13, 2023 at 13:07

    Hello, Peter,

    Please try to use the next custom CSS code:

    .footer-product .button:hover,
    .footer-product .show-quickly:hover, 
    .footer-product .xstore-wishlist:hover {
        background-color: red !important;
    }

    If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

    Kind Regards,
    8theme team

    Avatar: Peter
    Peter
    Participant
    February 13, 2023 at 13:47

    Hover is in the new color but black is still black.
    It didn’t change what I needed.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 13, 2023 at 13:50

    Hello, Peter,

    Yes, this code affects only color on hover – https://prnt.sc/nN__h2wpwbsm

    The black can be changed to white, via Theme options > WooCommerce > Shop > Products style > Hover Color Scheme.

    If this is not what you are looking for, please describe the desired result in more detail.

    Kind Regards,
    8theme team

    Avatar: Peter
    Peter
    Participant
    February 14, 2023 at 09:56

    I found.
    Can we give our own color? We don’t like black and white.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 14, 2023 at 11:09

    Hello, Peter,

    Yes, here is the custom CSS for it:

    .footer-product .button, .footer-product .et-wishlist-holder, .footer-product .show-quickly, .footer-product .xstore-wishlist {
        background-color: red;
    }

    Kind Regards,
    8theme team

    Avatar: Peter
    Peter
    Participant
    February 14, 2023 at 11:37

    Thanks, it’s works 🙂

  • Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Product icons background hover – products’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.