Mouse Hover over image with embedded link

I have several images (on my Work-Film/TV Drama) page which have embedded links within the images. Currently when I hover my mouse over the images I get the "pointing hand" cursor but is there a way to ghost/animate/alter/somehow change the image to make it more obvious when the mouse is hovering over the image? TIA.

Can you share link to page? We can check easier.

Sure: https://www.johnmcphillips.com/work-film/tvdrama

On 5/28/2024 at 4:58 PM, jackmackdaddy said:

Sure: https://www.johnmcphillips.com/work-film/tvdrama

You can use this code to Website > Website Tools > Custom CSS

section[data-section-id="664e4caf1c538e72f21773cf"] .image-block:hover img {
    opacity: 0.2;
}

Sure: https://www.johnmcphillips.com/work-film/tvdrama

Thanks so much! Would it be possible to also do the same for the two pages "Comedy" and "Animation" beside that page? I've tried to find the section ID to just replace it in your code but I can't see it...

22 hours ago, jackmackdaddy said:

Sure: https://www.johnmcphillips.com/work-film/tvdrama

 

Thanks so much! Would it be possible to also do the same for the two pages "Comedy" and "Animation" beside that page? I've tried to find the section ID to just replace it in your code but I can't see it...

You can use this free tool to find ID

https://chromewebstore.google.com/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

Thank you! What a great and simple extension. Is there anything that can be added to the current line of code to only have the image opacity when there is an embedded link in the image? And to leave it alone when there is no embedded link?

21 hours ago, jackmackdaddy said:

Thank you! What a great and simple extension. Is there anything that can be added to the current line of code to only have the image opacity when there is an embedded link in the image? And to leave it alone when there is no embedded link?

You mean apply code for Linked Image only.

With No Link Image (image non clickable), don't apply the code?

Exactly!

Thanks so much for all your help Tuanphan.