-
Hello there team,
I followed this tutorial to make the entire container clickable in my loop: https://learn.generatepress.com/blocks/block-guide/add-container-links/.
It works great. However, in this loop, I had applied a scale effect on hover to the image, which is now not working.
Initially, the effect was applied directly to the image on hover, but it didn’t work: https://imgur.com/KK1coYU
I also tried adding a new selector to the created class, like img:first-of-type:hover.(https://imgur.com/undefined). In the preview editor, the scale effect works, but it doesn’t work on the front end.
I assume the ::before pseudo-element might be covering everything? Is there a way to achieve this?
Thankss
-
Hi there,
You need to adjust the selector to target the image for the scale hover effect. Try this:
1. Select the container.
2. In the Style Selector panel, click More and add a new selector.
3. Enter this in the Selector field:a:hover img
- You must be logged in to reply to this topic.