Jump to content

Help with hover filter coding

Recommended Posts


I'm very new at this so bear with me 🙂

I have used some custom css to have the images on my site appear greyscale and colour on hover. I used this:

.image-block { filter: grayscale(100%);} .image-block:hover { filter: none;}

It works great, but it is site-wide and I am looking for a way to take it off for just my homepage image so that it is colour with no hover effect

Many thanks


Edited by JustineB
Link to comment
  • Replies 4
  • Views 328
  • Created
  • Last Reply

Top Posters In This Topic

On 10/21/2021 at 12:52 PM, JustineB said:

sorry yes, www.artycrow.com.au. 

At the moment I have the image there as a gallery with just one item but it would be ideal to have to as an image so I can size it better

What is access password?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.