Hi there!
I'm building the projects index page of my portfolio. There'll be a collection of project thumbnails, with titles always visibile and the images showing on rollover.
Since there'll be also a few work in progress projects, the idea is to make these thumbnails not clickable (so you just see them among the work list as a little preview, but you can't reach the specific project page as it will be empty).
I've tried this on the .thumb elements:
.thumb {
pointer-events: none;
}
It pretty much does the job, but of course now every thumbnail link gets disabled.
Is there a way to point out to specific .thumb elements?
I've noticed that .thumb elements also have these tags, maybe is there a way to use them in the css selector?
data-id="73" data-catid="1" data-title="Title here"
Thanks!
F