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
0 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
0 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. 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
0 arielestulin Posted February 4 Share Posted February 4 Is there a guide for a row of images (not gallery block)? Link to comment
0 tuanphan Posted February 5 Share Posted February 5 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. 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
0 arielestulin Posted February 5 Share Posted February 5 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
Question
spongebob-smc
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
Top Posters For This Question
2
2
2
Popular Days
Nov 3
2
Feb 5
2
Nov 2
1
Feb 4
1
Top Posters For This Question
tuanphan 2 posts
arielestulin 2 posts
spongebob-smc 2 posts
Popular Days
Nov 3 2020
2 posts
Feb 5 2021
2 posts
Nov 2 2020
1 post
Feb 4 2021
1 post
5 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment