Jump to content

Using a link with an overlay on gallery grid not working?

Recommended Posts

Site URL: https://mouse-trout-epjy.squarespace.com/members


I have a gallery grid with a coloured overlay - but my image links don't work while the overlay is active. Here is my code for the overlay: 

.gallery-grid-item:hover .gallery-grid-item-wrapper:after {
    background: rgba(102,200,240,0.6) !important;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;



When I disable this code the links on the images work again.  

Can anyone help with this? It is fundamental that the images have links - I can add the link to the caption but I would rather have the image as a link. 


site password: spong123

Link to comment
  • Replies 5
  • Views 836
  • Created
  • Last Reply
  • 3 months later...


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.