Custom hover effect over image stops image link working

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.

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

Thanks, yes, its not live yet. But I included the login details so you could go in...?

Doesn't that work?

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

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

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!

Did you ever figure this out? I'm having the same issue!

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