Need Help Disabling Clickability on Project Names but Keeping Hover Effect on Squarespace

Hello everyone,

I’m working on a site and need some assistance with a specific CSS customization. On my Projects page, I want to remove the clickability from the project names, but I still want to maintain the hover effect when the mouse moves over them.

To clarify, I want the project names to stay static and not link anywhere, but I also want the hover effect (e.g., color change or underline) to remain intact for visual interaction.

Could someone please guide me on the CSS code to achieve this? I used the one chatGPT gave me but I didn't work. Would really appreciate if anyone helped me out.

Aforementioned Code:

.project-item a {

    pointer-events: none; /* Disables the clickability */

    cursor: default; /* Changes the cursor to indicate the link is not clickable */

}

.project-item a:hover {

    /* You can keep your hover styles here, such as color change or underline */

    color: #000; /* Example hover color */

    text-decoration: underline; /* Example hover effect */

}

Thank you in advance for any help!

3 hours ago, festohet said:

On my Projects page, I want to remove the clickability from the project names, but I still want to maintain the hover effect when the mouse moves over them

Can you share the link to your project page?

Will you share your website url?

Sure it's expovibedesigns.com,I recently built the website entirely from scratch. While the process went smoothly overall, I found the ‘Works’ section to be the most challenging. I’m now looking to enhance it further with a counter animation and would appreciate any guidance or recommendations on implementing this feature effectively. If you have any additional notes after visiting the site, I would greatly appreciate your feedback as well.