Not showing on hover

  • Resolved Alusza

    (@alusza)


    3 years, 10 months ago

    I installed YITH Quick View and the Quick View button wasn’t showing on mouseover.

    I added some CSS to change initial display to block and changed the button to a Font Awesome eye. That’s fine, but I’m wondering if you can tell me why it wasn’t displaying on mouseover. That is the expected behaviour, isn’t it? I’ve tried disabling other plugins one at a time, but it doesn’t seem to be a plugin conflict.

    The styles area at bottom of plugin settings shows nothing except for the heading “Style Options”.

    Can you suggest a fix for this? Thank you.

    • This topic was modified 3 years, 10 months ago by Alusza.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Andrea Grillo

    (@agengineering)

    Hi there,

    thanks for contacting us. I have tested your website and works fine, look this screenshot please.

    • This reply was modified 3 years, 10 months ago by Andrea Grillo. Reason: screenshot not visible
    Thread Starter Alusza

    (@alusza)

    Hi Andrea. Thanks for the quick reply. It’s visible because I set the button to display: block!important. Otherwise you don’t see it on mouseover as per the YITH demo.

    I’ve now removed my CSS so you can see it is not displaying on mouseover. Sorry about that. I thought I had removed my code.

    Plugin Support Leanza Francesco

    (@leanzafrancesco)

    Hi,

    the issue is due to the fact your theme hide it through this CSS rule:

    ul.products>.product>.yith-wcqv-button {
    display: none!important;
}

    in /wp-content/themes/bridge/css/woocommerce.min.css

    If you want to show it on mouse hover, you can add the following code snippet to Appearance > Customize > Additional CSS:

    .woocommerce ul.products > .product:hover > .yith-wcqv-button{
    display: block !important;
}

.woocommerce ul.products > .product > .yith-wcqv-button{
    background: transparent;
    color: #aaa;
    border: 0;
    text-align: center;
}

.woocommerce ul.products > .product > .yith-wcqv-button:before{
    content: '\f06e';
    font-family: FontAwesome;
    font-size: 15px;
    vertical-align: middle;
}

    Please try this solution and let us know if everything works fine!

    Thread Starter Alusza

    (@alusza)

    That worked. Thanks very much for the hover code, Leanza! Not sure why I didn’t think of it ??

    Plugin Support Leanza Francesco

    (@leanzafrancesco)

    Hi,
    you are welcome! ??

    If you like the plugin and our support, please, support us with a good review. It takes just a minute. Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Not showing on hover’ is closed to new replies.