Return to previous page

How to hide product image title (when hovering) with CSS or other method?

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

Henrik Kriiger

Participant

December 30, 2022 at 15:28

Hi,

I need to hide the image title (when hovering on a product image). The site has been built on the Electronics 01 demo (WPBakery version). Can this be achieved with some simple CSS for all the images in the shop?

Henrik

#342685 Copied Theme version: 8.3.9 WooCommerce version: 7.2.2

1 Answer
Tony Rodriguez

Support staff

December 30, 2022 at 16:16
Hello, @Henrik Kriiger,

You can use custom CSS code as a workaround:

1/ for Single product gallery images
```
.swipers-couple-wrapper .swiper-wrapper img {
pointer-events: none;
}
```
2/ for Shop page products
```
.content-product .product-content-image img {
pointer-events: none;
}
```
3/ Or you may add the next CSS snippet to globally remove the title on hover for images that have one
```
img[title] {
pointer-events: none;
}
```
OR Please read this thread: https://stackoverflow.com/questions/32390055/remove-image-title-when-hovering-using-css#:~:text=Are%20there%20any%20way%20to%20do%20that%20using%20CSS%3F&text=Unfortunately%2C%20this%20is%20not%20possible,remove%20of%20those%20title%20attributes.

Regards 8Themes Team.
#342690 Copied
Tagged: hide, image, product, title, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘How to hide product image title (when hovering) with CSS or other method?’' has been successfully resolved, and the topic is now closed for further responses

How to hide product image title (when hovering) with CSS or other method?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection