Remove Hover Effect on Flatiron Index

Hello, I've been searching for some answers all day and come close but nothing has worked so far. I'd like to entirely remove the hover effect that happens when I mouse over the thumbnail images on the Home page of my site which is set up as an Index in the Flatiron template. The url to my site is harrisonjohnson.work. Any help is much appreciated! 

Hey there, I had the same question and after some digging I found this custom CSS to remove the text that appears when you hover:

#grid .item a div.wrapper div.project-title h2 {
  visibility: hidden;
  font-size: 0;
}

#grid .item a div.wrapper div.project-title h3 {
  visibility: hidden;
  font-size: 0;
}

I cannot for the life of me figure out how to remove the darkened overlay hover effect. I'm trying to make mine go lighter instead of darker, as seen on this site, featured on the Squarespace Flatiron template page.

But all I can manage is adding the light effect on top of the dark effect, which looks pretty awful. If anybody has ideas on how to cancel out the first hover effect, I'd be much obliged!

17 hours ago, jmorr4 said:

Hey there, I had the same question and after some digging I found this custom CSS to remove the text that appears when you hover:

#grid .item a div.wrapper div.project-title h2 {
  visibility: hidden;
  font-size: 0;
}

#grid .item a div.wrapper div.project-title h3 {
  visibility: hidden;
  font-size: 0;
}

I cannot for the life of me figure out how to remove the darkened overlay hover effect. I'm trying to make mine go lighter instead of darker, as seen on this site, featured on the Squarespace Flatiron template page.

But all I can manage is adding the light effect on top of the dark effect, which looks pretty awful. If anybody has ideas on how to cancel out the first hover effect, I'd be much obliged!

 

Can you share link to your site?

On 1/31/2020 at 8:56 AM, tuanphan said:

Can you share link to your site?

@tuanphan

http://www.juliammorris.com/

On 4/13/2020 at 8:27 PM, jmorr4 said:

@tuanphan

http://www.juliammorris.com/

Missing your comment. Have you solved yet?

On 5/4/2020 at 9:59 AM, tuanphan said:

Missing your comment. Have you solved yet?

@tuanphan no, still haven't figured it out...any suggestions would be much appreciated!

23 hours ago, jmorr4 said:

@tuanphan no, still haven't figured it out...any suggestions would be much appreciated!

Add to Home > Design > Custom CSS

#grid .item.hovering .wrapper {
    opacity: 0 !important; 
}

@tuanphan this worked, thanks so much! do you know if it's possible to add the light hover effect on top though?

change the  opacity  0 to another number, you can try 2 or 3,  until you get the effect you want. 

I would like to do the reverse of this on my 7.1 site for a grid that I have. I want the hover text to show, any ideas?

On 10/26/2021 at 3:33 AM, MoonMama said:

I would like to do the reverse of this on my 7.1 site for a grid that I have. I want the hover text to show, any ideas?

Can you share link to grid on your SS 7.1 site?