Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 1, 2024 at 11:27 pm #1441656
    Yory

    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

    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

    That fixed it. Thank you

    May 2, 2024 at 5:15 pm #1441943
    Mike

    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.