How to remove the “Hover Text” from images?

Hello team,

Can you please advise how to remove the “Hover text” when mouse is hovering on the image?

Thanks a lot!

Hello,

Please provide a relevant screenshot of which hover text you are trying to remove and also provide the URL of the website.

Best Regards

Hi yes I have attached the screenshot and the website URL below.

Can you please have a check?

⭐I wanted to hide the text when hovering over the image

Thank you

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.slick-track .product-image-thumbnail img,
.woocommerce-product-gallery__wrapper img {
	pointer-events: none;
}

Best Regards

Hi,

I have applied the above code but

⭐ The text is still showing up when the mouse is hovering on the images.

Can you please have a check again?

Thank you

Hello,

Please provide the admin panel login details of the website to check it myself and help you out accordingly.

Best Regards

Hi the website credentials attached below

Thank you

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wc-tabs-wrapper img.vc_single_image-img {
    pointer-events: none;
}

Best Regards

[maxfancydolly]

Thank you it works!

Is is possible to make it work also for the “Product Image Gallery”

⭐ Hover over image without text indication

Screenshot and website credentials attached below for your convenience.

Thank you!

• This reply was modified 3 years ago by maxfancydolly.

Hello,

Please try adding the following Custom CSS for that.

.wd-gallery-item {
pointer-events: none;
}

Best Regards

Hi there,

I have add the code to Custom CSS, however it doesn’t work.

CSS Screenshot: https://8upload.com/image/6260c79eb60ab/Custom_CSS.png

⭐ Hover over images (“Product Image Gallery”) still with text indication

Can you pls have a check again?

Hello,

Please replace the previous CSS with the following then check back.

.wd-gallery-item img {
pointer-events: none;
}

Best Regards

Thank you for reply,

I have updated the code and cleared the cache,

however it still doesn’t work

Best Regards,
Graham

Hello,

I have rechecked the website and the CSS is working fine. Please try checking after clearing the browser cache and check back.

Best Regards

[Author]

Posts