Jump to content

Trying to set up a hover effect on one page only

Recommended Posts

Hi there,

Can anyone help me here. I'm trying to create a hover effect that fades a photo slightly and shows a caption over the center of the photo in Squarespace 7.0. Here's what I've tried but it doesn't seem to be working. I'm inserting this code into the page settings - advanced - header code injection.

</script>
#new-page-5:hover .image-overlay {   
  background: white!important;
  opacity: .8;
  transition: 1s
}
</script>

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

Top Posters In This Topic

Popular Days

Top Posters In This Topic

13 hours ago, ederradesign said:

Hi there,

Can anyone help me here. I'm trying to create a hover effect that fades a photo slightly and shows a caption over the center of the photo in Squarespace 7.0. Here's what I've tried but it doesn't seem to be working. I'm inserting this code into the page settings - advanced - header code injection.

</script>
#new-page-5:hover .image-overlay {   
  background: white!important;
  opacity: .8;
  transition: 1s
}
</script>

Can you share the page URL?

Edited by Web_Solutions

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

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.