spongebob-smc Posted November 2, 2020 Share Posted November 2, 2020 Site URL: https://mouse-trout-epjy.squarespace.com/members Hi, 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
spongebob-smc Posted November 3, 2020 Author Share Posted November 3, 2020 I have tried this with a row of images (not gallery block) and I am still having the same problem. As soon as I add the overlay, the clickthrough link on the image stops working. Please can someone help 😞 Link to comment
tuanphan Posted November 3, 2020 Share Posted November 3, 2020 You can see this guide to create hover effect on gallery grid. 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
arielestulin Posted February 4, 2021 Share Posted February 4, 2021 Is there a guide for a row of images (not gallery block)? Link to comment
tuanphan Posted February 5, 2021 Share Posted February 5, 2021 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
arielestulin Posted February 5, 2021 Share Posted February 5, 2021 I found a solution that seems to work on all MAC browsers. Need to check the PC side. .sqs-block-image-link:after { content:''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; } Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment