The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Squarespace: How to make thumbnail overlay disappear on hover

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #246091

    (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:
    It’s a Squarespace page using the Haute template, and currently has no custom CSS.

    Any help is appreciated! Thank you! (:


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

    For instance:

    opacity: 0;

    Would enable a disappearing avatar upon mouse hover.


    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 – main page

    Would you please help me?

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.