Solved

How to make an image not clickable

  • 4 December 2022
  • 2 replies
  • 1790 views

Badge +1

Hello, 

In Gmail (not sure about other inboxes), when you hover over an image block that does not have a URL, the pointer mouse turns into the ‘clicker finger’ and a download arrow appears in the corner of the image. 

When you click the image, the image opens up, as if to download, in your screen. 

Is there a way to prevent this functionality? So that the image is not clickable at all?

I use to think putting a # in the URL of the image block did the trick, but I don’t think that is actually the case.

Any ideas?

icon

Best answer by Dov 5 December 2022, 15:27

View original

2 replies

Userlevel 7
Badge +61

Hi @Dragonslayer1865,

Thanks for sharing this.

The solution will likely require custom code to accomplish. Setting CSS - pointer-events: none should remove any mouse interaction with the image. This article explains it in more detail.

I hope that’s helpful.

If you add a # to the URL field it will leave the image alone and prevent Gmail from adding the download icon and also keep it from going into a lightbox when clicked.

Reply