Jump to content

Black and White to Colour Project Image Rollovers

Recommended Posts

Site URL: https://gerbil-alpaca-7z52.squarespace.com/


I would like the project thumbnails to be black and white and get colorised on rollover .

I followed another thread and am using this code but it doesn't work.

.no-touch .collection-5f3d008913a21354de5ca187 {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  &:hover, &:focus {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);

Thank you

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Add to Home > Design > Custom CSS

.homepage .grid-image img {
    filter: grayscale(1);
.homepage .grid-image:hover img {
    filter: grayscale(0);


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.