How to make Tumblr photo un-clickable

Question

I use a single Tumblr post as my homepage / splash page (http://winder.space)- I'll never add another post.

But, it is a photo post; and I'm trying to figure out how to edit the CSS theme so that the photo is NOT clickable whatsoever. Any ideas?

I cannot simply delete the {LinkOpenTag} and {LinkCloseTag}s, which appear twice (once under <div class="post photo"> and once under <div class="post panorama">).

Thanks!

The link you have posted is broken. – Ralph David Abernathy Mar 03 '17 at 19:02 — Ralph David Abernathy, Mar 03 '17 at 19:02
@RalphDavidAbernathy I unbroke the link for you. – Mr Lister Mar 03 '17 at 19:05 — Mr Lister, Mar 03 '17 at 19:05

score 5 · Answer 1 · answered Mar 03 '17 at 19:04

#object>a {pointer-events: none;}

will do the trick.

However, I have to advise on creating a Minimal, Complete and Verifiable Example here, on StackOverflow, as after you would have applied the fix on your website, your question will be a lot less helpful for future visitors.

score 0 · Answer 2 · answered Mar 03 '17 at 19:04

0

Use pointer-events to disable events on photo :-)

style="pointer-events: none;"

answered Mar 03 '17 at 19:04

Flash Thunder

11,672
8
47
91

score 0 · Answer 3 · answered Mar 03 '17 at 19:05

0

You can try to enter the following rule in your stylesheet:

a[href="http://winder.space/image/156268872048"] {
    pointer-events: none;
}

answered Mar 03 '17 at 19:05

Ralph David Abernathy

5,230
11
51
78

How to make Tumblr photo un-clickable

3 Answers3