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
  • Created
  • Last Reply

Top Posters In This Topic

  • 3 months later...
12 hours ago, arielestulin said:

Is there a guide for a row of images (not gallery block)?

Can you share url? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.