Jump to content

Zoom hover on masonry, affects other images, how do disable (added the code I use in the thread)

Recommended Posts

Hi!
I used a code for hover zoom on my gallery masonry. It works, but one of the other images (not in the gallery masonry) also gets a hover effect and I want to disable it.

Thanks in advance!


The ID for the image that I would want to disable:
#block-yui_3_17_2_1_1632753956520_10855

The code I used for zoom hover in the gallery masonry:
/* Homepage gallery grid image zoom on hover */
body.homepage figure:hover img {
    transform: scale(1.1);
    transition: all 0.5s;
}
body.homepage figure img {
    transition: all 0.5s;
}

 

Link to comment
  • Replies 4
  • Views 1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Solved it by doing this:

 

 

 #block-yui_3_17_2_1_1632753956520_10855:hover img {
    transform: scale(1);
    transition: all 0.5s;
}
body.homepage figure img {
    transition: all 0.5s;
}

 

But I suspect there may be a better way. 

If you know how, you are welcome to explain to a beginner like me 🙂

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.