spongebob-smc 2 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 post
0 spongebob-smc 2 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 post
0 tuanphan 9,569 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 :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 arielestulin 17 Share Posted February 4 Is there a guide for a row of images (not gallery block)? Link to post
0 tuanphan 9,569 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 :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 arielestulin 17 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 post
Question
spongebob-smc 2
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 post
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
spongebob-smc 2 posts
tuanphan 2 posts
arielestulin 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