Create overlay on specific images and remove underline from links in only one section

@tuanphan @Ziggy I have this section on most of my pages (appears 12 times) that will link to other various pages on the website. The look I am trying to go for an overlay that appears on hover and to remove the underline from the links in this section only where the 8 image blocks are. It would be great if instead the links had a different color when hover (so create the look of a whole block overlay). The orange is #E88B2C which might be good for the link hover.

I found some CSS in another thread that works for my website but the result is EVERY image now has an overlay on hover. 😂
Can you help me edit the CSS so I can create what I want it to be?

website is https://cat-trout-7kzz.squarespace.com/
PW : jeffreylaimd

I think you can consider using Poster Image Block, we can achieve this easier

@tuanphan what is poster image block?

Do you mind providing me the code to do what I am envisioning? I need the links to change to orange over hover and the overlay effect on these images only (instead of every image on the website 😂)

@tuanphan Apologies the url changed again but with no password this time: https://jl-md.squarespace.com/

On 3/27/2024 at 12:21 AM, nicki-patsios said:

@tuanphan what is poster image block?

Do you mind providing me the code to do what I am envisioning? I need the links to change to orange over hover and the overlay effect on these images only (instead of every image on the website 😂)

When you add a section > Choose this

Click Plus icon

Choose Image

Choose this