Product grid text mouseover

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
May 1, 2024 at 11:27 pm #1441656

Yory
Participant

Hi
How can I have the text overlay on top of an image in the woocommerce product grid and product slider display only on mouse over? Currently the text is overlaid on the image by default.
Thanks

May 2, 2024 at 12:12 am #1441662
Mike
Moderator
Hey Yory,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
```
#top #wrap_all .av-product-class-minimal-overlay .inner_product_header {
	opacity: 0;
}

#top #wrap_all .av-product-class-minimal-overlay a:hover .inner_product_header {
	opacity: 1;
}
```
After applying the css, please clear your browser cache and check.

Best regards,
Mike
May 2, 2024 at 2:13 pm #1441927

Yory
Participant

That fixed it. Thank you

May 2, 2024 at 5:15 pm #1441943

Mike
Moderator

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Product grid text mouseover’ is closed to new replies.