Skip to main content
Solved

How to make an image not clickable

  • December 4, 2022
  • 3 replies
  • 2487 views

Forum|alt.badge.img+2

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?

Best answer by Dov

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.

View original
Did this topic or the replies in the thread help you find an answer to your question?

3 replies

Dov
Forum|alt.badge.img+61
  • Klaviyo Alum
  • 1493 replies
  • Answer
  • December 5, 2022

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.


  • Contributor I
  • 2 replies
  • July 13, 2024

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.


  • Contributor I
  • 3 replies
  • February 4, 2025

enter : {{ emptyURL|add:"#" }} into the URL field