Remove Hover & URL Links

Site URL: https://echidna-gardenia-fcb4.squarespace.com

I'm using the Pazari template and am looking to remove some of the hover links on select images on the main portfolio page. For example, when you hover over one of the project images, the name of the project appears and this is then clickable (takes you through to a detailed page on this project). I need this feature on some of the images, but for others I want to remove both the text and the clickable link so these appear as a flat image only. 

Does anyone know if this is possible and how you create custom code for this? Assuming this code will need to apply to each individual image which is uploaded and I'm not sure if you can separate them? Any help on this would be great! 

Examples below showing how the text appears when you hover over the image and site link is: https://echidna-gardenia-fcb4.squarespace.com

Thanks! 

What is access password?

It's linelogin - thank you!

Add to Home > Design > Custom CSS

a.grid-item[href*="/philliplim"] {
    pointer-events: none;
}
a.grid-item[href*="/gallerytop"] {
    pointer-events: none;
}

Repeat for other items

This worked perfectly, thank you so much! 

Hi!

Thank you for this code, it's worked perfectly.

Do you know how you can keep the hover and title on the image however disable the link?

My client is trying to bulk up their projects page with imagery without creating pages for each.

My website is: https://lynx-copper-kklb.squarespace.com/portfolio
Password: whitepaper
 

On 3/31/2021 at 10:22 AM, adrianadelgiudice said:

Hi!

Thank you for this code, it's worked perfectly.

Do you know how you can keep the hover and title on the image however disable the link?

My client is trying to bulk up their projects page with imagery without creating pages for each.

My website is: https://lynx-copper-kklb.squarespace.com/portfolio
Password: whitepaper
 

Hi. Incorrect password. Can you check it again?