Jump to content

Green overlay on image over hover

Recommended Posts

password: IICA123

https://iica-speech.squarespace.com/contact-us-v2

 

I am trying to get a green overlay, hex code #B3E553, when hovering over both photos (for example over the phone icon, or the background photo) 

the code I am using is this but it is doing a green overlay over one photo and white over the other, as I have two photos on top of each other

section[data-section-id="635da15a890a0774ad00dd60"] img:hover { background: green!important;
 opacity: .6;
 transition: 2s
 } 

 

any ideas? thanks!

Link to comment
  • Replies 1
  • 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.