Return to previous page

How do I remove the Wishlist bar on Product Image hover?

This topic has 10 replies, 3 voices, and was last updated 9 years, 9 months ago ago by Eva Kemp

widiantozhu

Participant

January 22, 2015 at 09:16

Hi, can you tell me how to remove the Wishlist bar on Product Image hover?

It’s the black bar that shows up a the bottom of product image here: http://furnimaxx.com/toko_furniture_kantor/ when you mouseover a product image.

I have gone to: Theme Options > Products Page Layout > Product Image Hover > Disable
I have also unchecked the option of: Woocommerce > Settings > Wishlist > Enable YITH Wishlist

the Wishlist bar still appear on image hover.

Please help me remove it, thanks a lot 😀

#36448 Copied

9 Answers
Robert Hall

Support staff

January 22, 2015 at 09:20
Hello,

Please add this code into custom.css file.
```
.product-image-wrapper .footer-product{
display:none;
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.
Regards,
Robert Hall.
#36452 Copied
widiantozhu

Participant

January 27, 2015 at 09:23

hi robert, thanks for helping:)

i’ve added the code to custom.css but nothing changes. can you please help me again?

thanks for your time:)

#37235 Copied

Eva Kemp

Support staff

January 27, 2015 at 10:38

Hello,

As I see the wishlist icon is removed:
http://imgur.com/PtWS5j5

Please clear your browser cache and check again.

Thank you.
Regards,
Eva Kemp.

#37278 Copied

widiantozhu

Participant

January 29, 2015 at 16:19

hi eva, yup, the wishlist icon were removed.

what i meant is that how to remove the hover element entirely, including the black bottom bar that shows up when we mouseover a product picture?

#38225 Copied
Eva Kemp

Support staff

January 29, 2015 at 17:16
Hello,

Please add this code in custom.css file:
```
.product-image-wrapper:hover .footer-product {
display: none !important;
}
```
Thank you.
Regards,
Eva Kemp.
#38237 Copied
widiantozhu

Participant

January 29, 2015 at 17:24

hi eva, i’ve added the code, but the black bar still showed up when i hover the product image.

can you please help check again? thanks a lot:)

#38243 Copied

Eva Kemp

Support staff

January 29, 2015 at 17:39

Hello,

It’s not showing for me.
Please try to clear your browser cache or check it with other browser.

Thank you.
Regards,
Eva Kemp.

#38249 Copied

widiantozhu

Participant

January 29, 2015 at 18:10

yup, it’s gone now.

thanks a lot eva, you’re the best 😀

#38265 Copied

Eva Kemp

Support staff

January 29, 2015 at 18:12

Hello,

You’re welcome.

Regards,
Eva Kemp.

#38267 Copied
Tagged: image, product, remove, themes, wishlist, woocommerce, wordpress
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘How do I remove the Wishlist bar on Product Image hover?’' has been successfully resolved, and the topic is now closed for further responses

How do I remove the Wishlist bar on Product Image hover?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection