Jump to content

Change image to another image on hover. Using Avenue temple

Recommended Posts

Site URL: http://www.pamelashardy.com

Hi! I am not a front-end dev and would love your help! I want to have a hover state where the existing image changes to another image on hover. Example, black and white image to a colored image on hover. I am using the Avenue template.

Any idea on how to achieve it? Please help!

Password: notnow

Edited by phardy
Wanted to make sure I made sense.
Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

On 7/2/2020 at 8:20 AM, tuanphan said:

hi. Have you solved it yet?

Yeah, I used a simple code that I found. I knew it was simple but couldn't remember how.

 

a.project img {
    filter: grayscale(1);
}
a.project:hover img {
    filter: grayscale(0);
}

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.