Squarespace: How to make thumbnail overlay disappear on hover

[rebeccad]

(Hi! I hope this isn’t the completely wrong place to ask, but I’ve tried pretty much everywhere else at this point)

I know I can add an overlay to my thumbnails without any custom coding (which I know absolutely nothing about unfortunately), but is there any way to make it disappear when hovering over it?

Here’s a link to my page: http://rebeccadamhaug.no/
It’s a Squarespace page using the Haute template, and currently has no custom CSS.

Any help is appreciated! Thank you! (:

[WayneKenney]

This would be easy to achieve with CSS using the :hover selector.

For instance:

img:hover
{
opacity: 0;
}

Would enable a disappearing avatar upon mouse hover.

[Marta]

Hello Wayne,

First, I want to thank you for the very first code that works for me with on hover images in squarespace. I’m not familiar with CSS… I tried combined with your code to make my hover with color 00607c
color: #00607c
but it doesnt work.

I dream about full color cover my photo with text on it, like here http://serwer1646278.home.pl/open/ – main page

Would you please help me?

[Author]

Posts