Making a Project Thumbnail unclickable, but still need the hover
-
Hi there!
We are working on a website for a client and we like to make the project thumbnail unclickable, but we still need the hover with the description text. Please find the specific page here: https://aanzprojecten.nl/portfolio
What is the best way to do this?
Thanks a lot! -
Dear @StudioBureau
not sure if this is possible, but have a look here:
https://stackoverflow.com/questions/22168420/is-there-a-pointer-eventshoveronly-or-similar-in-css
Best!
Marius -
Thanks @mariusjopen, we have made it work with this css code:
a:hover { color: red; } a:active { pointer-events: none; } -
Dear @StudioBureau
ah great! Thank you for sharing!
Marius
For paid 1-on-1 Lay Theme Coaching, contact Audrey (audrey@cyberslayers.work) or me (info@laytheme.com).
We also code custom websites or bespoke Lay features. Drop me a line at info@laytheme.com or check out my work at arminunruh.com.
Want to support my work? paypal.me/arminunruh
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it