Individual mouseover images on image cards

Site URL: https://mccrackenlab.squarespace.com/people

Hello!

I have a website for my small research group and I'd like to add alternative mouseover images for the image cards on the 'people' page. I'm unsure how to individually address each image card so the correct mouseover image is applied, so some help would be very useful!

Thanks!

You would need to identify the block IDs for the images, you can look in the code or use a browser extension to find them, they look like this:

#block-c857e6174c520ff967a0

This extension works very well:
https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

Thanks @Ziggy! I've managed to get the block IDs for the images, and have the static URLs for the images. Can you advise on how to modify the 'card' style in CSS?

On 10/14/2022 at 3:35 PM, VoxynnHWU said:

Thanks ! I've managed to get the block IDs for the images, and have the static URLs for the images. Can you advise on how to modify the 'card' style in CSS?

I see you solved this?