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
  • 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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.