DianeEliz Posted June 9, 2022 Share Posted June 9, 2022 (edited) Site URL: https://tuba-mustard-fwpa.squarespace.com/ I have a group of four images that link to four sections on my site. They are four inline images - not a gallery section. When I customised the captions to show on hover with a semi-transparent black box behind covering 100% of the image, the image link no longer works... I've tried a few things I've seen on the forum, but can't get it to work. Its a shame because the caption on hover default style isn't very current. Any ideas would be welcome! Thank you! My site isn't yet live... https://tuba-mustard-fwpa.squarespace.com/ diane@broadleycreative.co.uk password: yR8z5k£AzA>Pd_9x go to menu 'Portfolio'. The four images headed Recent work immediately below the hero section. Edited June 9, 2022 by DianeEliz Link to comment
Beyondspace Posted June 9, 2022 Share Posted June 9, 2022 30 minutes ago, DianeEliz said: Site URL: https://tuba-mustard-fwpa.squarespace.com/ I have a group of four images that link to four sections on my site. They are four inline images - not a gallery section. When I customised the captions to show on hover with a semi-transparent black box behind covering 100% of the image, the image link no longer works... I've tried a few things I've seen on the forum, but can't get it to work. Its a shame because the caption on hover default style isn't very current. Any ideas would be welcome! Thank you! My site isn't yet live... https://tuba-mustard-fwpa.squarespace.com/ diane@broadleycreative.co.uk password: yR8z5k£AzA>Pd_9x go to menu 'Portfolio'. The four images headed Recent work immediately below the hero section. The link: https://tuba-mustard-fwpa.squarespace.com/ is private page, kindly check it again. You can set it a protected password: https://recordit.co/ORy3fiWTkP BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
DianeEliz Posted June 10, 2022 Author Share Posted June 10, 2022 Thanks, yes, its not live yet. But I included the login details so you could go in...? Doesn't that work? Link to comment
DianeEliz Posted June 10, 2022 Author Share Posted June 10, 2022 Ok - sorry - you should be able to see it now using that password. Thanks Diane https://tuba-mustard-fwpa.squarespace.com/password: yR8z5k£AzA>Pd_9x Link to comment
tuanphan Posted June 13, 2022 Share Posted June 13, 2022 On 6/10/2022 at 4:58 PM, DianeEliz said: Ok - sorry - you should be able to see it now using that password. Thanks Diane https://tuba-mustard-fwpa.squarespace.com/password: yR8z5k£AzA>Pd_9x On 6/9/2022 at 9:26 PM, DianeEliz said: Site URL: https://tuba-mustard-fwpa.squarespace.com/ I have a group of four images that link to four sections on my site. They are four inline images - not a gallery section. When I customised the captions to show on hover with a semi-transparent black box behind covering 100% of the image, the image link no longer works... I've tried a few things I've seen on the forum, but can't get it to work. Its a shame because the caption on hover default style isn't very current. Any ideas would be welcome! Thank you! My site isn't yet live... https://tuba-mustard-fwpa.squarespace.com/ diane@broadleycreative.co.uk password: yR8z5k£AzA>Pd_9x go to menu 'Portfolio'. The four images headed Recent work immediately below the hero section. Don't share login info public. Just share access password only. When I customised the captions to show on hover with a semi-transparent black box behind covering 100% of the image, the image link no longer works... Which code did you use? We can tweak it easier. DianeEliz 1 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
DianeEliz Posted June 14, 2022 Author Share Posted June 14, 2022 Oh sorry! I wasn't sure how to share the pages at the time. I have attached a screen grab of the code I used... Link to comment
DianeEliz Posted June 14, 2022 Author Share Posted June 14, 2022 Should there be another curly bracket after 'background....important;' It seems abit wierd that there's a second class name halfway through. But squarespace code has me baffled! Link to comment
Fulleren Posted May 18 Share Posted May 18 Did you ever figure this out? I'm having the same issue! Link to comment
tuanphan Posted May 22 Share Posted May 22 On 5/19/2023 at 12:56 AM, Fulleren said: Did you ever figure this out? I'm having the same issue! If you share link to page where you have problem, 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
Dovely2023 Posted July 11 Share Posted July 11 Hi @tuanphan we have a client whose site is experiencing something similar to the above. We have an image on the home page, and I can't find where to remove the hover effect from the image. Can you take a look? The link to preview the site is below, along with the password. Let me know if you have any questions. Thank you. https://avamoss-c2-oct.squarespace.com/ DoveLove2023! Link to comment
NiaWritesCode Posted July 11 Share Posted July 11 Hey @Dovely2023, I think I've got a solution for you. .gallery-fullscreen-slideshow-image-link:hover { opacity: 1; } Let me know how it goes, but should work. KwameAndCo 1 Link to comment
Dovely2023 Posted July 14 Share Posted July 14 On 7/11/2023 at 10:58 AM, NiaWritesCode said: Hey @Dovely2023, I think I've got a solution for you. .gallery-fullscreen-slideshow-image-link:hover { opacity: 1; } Let me know how it goes, but should work. Wow! Thank you @NiaWritesCode I just added !important after the 1, and it worked like a charm. Appreciate the help! 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