Jump to content

target css code to only affect chosen page

Recommended Posts

Hello  , im trying to create a zoom on hover or click command on my website ,  the catch is i only want it work on one specific page ,  if anyone can help me id be most appreciative.

 

my page is http://www.waterhousewilliam.com/solinoid-test-gallery 

 

this is the code ive found and ive replaced the page id with what i think is mine , but its not happy code 

 

section[data-section-id="collection-609ab4c75cec790bcbec4004]{
  .sqs-block-image img {
    transform: scale(1.1);
    transition: 400ms;
    overflow:hidden !important;
  }
  .sqs-block-image:hover img {
     transform: scale(1.1); 
     transition: 400ms; 
  }
}

]

Link to comment
  • Replies 1
  • Views 222
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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.