Return to previous page

How can I remove image title on hover ???

This topic has 6 replies, 2 voices, and was last updated 2 years, 1 months ago ago by Rose Tyler

Nick

Participant

September 23, 2022 at 11:05

Hello,

How can I remove the image titles on hover from the entire website? Check private

Thanks

Please, contact administrator
for this information.

#334876 Copied Theme version: 8.3.3

5 Answers

Rose Tyler

Support staff

September 23, 2022 at 12:26

Hello,

Please check this topic – https://www.8theme.com/topic/turn-off-tooltips-text-on-single-product-page-images/

Regards

#334888 Copied

Nick

Participant

September 27, 2022 at 09:48

Thank you.

This snippet removes some image titles but not from the product page. Can you share a snippet which removes from there as well?

Check private:

Please contact administrator
for this information.

#335181 Copied
Rose Tyler

Support staff

September 27, 2022 at 12:46
Hello,

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 next css snippet to globally remove title on hover for images that have one
```
img[title] {
pointer-events: none;
}
```
Regards
#335187 Copied
Nick

Participant

September 27, 2022 at 13:21

Thank you,

Are there any disadvantages to disabling the title with CSS instead of js?

#335191 Copied

Rose Tyler

Support staff

September 27, 2022 at 13:23

You’re welcome!
CSS is the simplest way.

Regards

#335192 Copied
Tagged: best selling, hover, image title, remove, themes, woocommerce
Viewing 6 results - 1 through 6 (of 6 total)