Jump to content

Hover text / grayscale

Recommended Posts

Site URL: https://bumblebee-drum-w3fz.squarespace.com/interiordesign


I used the tutorial from Brandon for the hover effects: 


Everything is perfect, except the hover effect. I have an opacity effect and I would like grayscale 100% .

I have this CSS: 

figure.gallery-grid-item.has-clickthrough:hover img {
    filter: grayscale (100%);

But it is not working.

I also tried:

.gallery-grid-item img:hover{filter:grayscale(100%)}


Can you help me ?

Thank you !



Link to comment
  • Replies 2
  • Views 723
  • Created
  • Last Reply

yes I know @ChrisBartow because it was working before the tutorial. (just the grayscale without the text hover). 


And I also have an other problem: now I am not able to go to the image link when I click on it.

Link to comment


This topic is now archived and is closed to further replies.

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