Jump to content

Hover text / grayscale

Recommended Posts

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

hi,

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

Archived

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.