Jump to content

Image zoom on hover 7.1

Recommended Posts

  • Replies 2
  • Views 926
  • Created
  • Last Reply
11 minutes ago, organic_emma said:

Site URL: https://www.crackenbackclinic.com.au/

Hi I'm trying to get the circles on this website to zoom on hover. I've used this code previously in 7.0 that worked, but it doesn't appear to be working for 7.1

#block-yui_3_17_2_1_1606190384602_14094
img:hover {transform: scale(1.1); transition: .4s;}
.sqs-block-image
{overflow:hidden!important;}

 

Could you try this

#block-yui_3_17_2_1_1606190384602_14094 {
  transition: .4s;
}
#block-yui_3_17_2_1_1606190384602_14094:hover {
  transform: scale(1.1);
}

image.thumb.png.5e81182997bf2c3122915e13fa88dc0f.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.