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, 4 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

Helpful Topics

Max execution time – Max input Vars

2 years ago
error when update xstore plugin ( 500 internal server error )

2 years ago
Product attributes dissapeared

2 years, 5 months ago
Restore Default BLOG page

2 years, 6 months ago
right menu

2 years, 8 months ago
slow store to load

2 years, 10 months ago
Product slider disappeared on mobile

2 years, 11 months ago
Страница товара

3 years, 1 months ago
how to change this logo

3 years, 1 months ago
Errore aggiornamento

3 years, 2 months ago

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