Jump to content

Image overlay on hover

Recommended Posts

Hi there!

I'm trying to have an overlay appear on images during a hover. I've researched various code, but I'm not sure if I have the wrong selectors or id blacks or just the wrong code. I'm very much a CSS beginner. I'm guessing that if I'm putting the code in the Custom CSS section of the site and I only want this hover effect on the images ONE page of the site, that I should use the IDs rather than selectors, correct? I've tried all the IDs that seem to be related to the one image I have on the page with no luck. Any help is much appreciated.

This is current unlinked page: https://www.christinewrightphoto.com/slideshow

Right now there is only one image but there will be more and I'd like the hover effect on all of them.

Many thanks in advance!

Link to comment
  • Replies 3
  • Views 1.2k
  • Created
  • Last Reply

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.