# Make image unclickable when using Action buttons

**URL:** <https://community.elfsight.com/t/make-image-unclickable-when-using-action-buttons/145478>\
**Category:** Timeline\
**Created:** [February 17, 2026, 7:01pm UTC](https://community.elfsight.com/t/make-image-unclickable-when-using-action-buttons/145478 "2026-02-17T19:01:12Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![chusemann](https://avatars.discourse-cdn.com/v4/letter/c/47e85d/32.png) [@chusemann](https://community.elfsight.com/u/chusemann)\
**Post date:** [February 17, 2026, 7:01pm UTC](https://community.elfsight.com/t/make-image-unclickable-when-using-action-buttons/145478/1 "2026-02-17T19:01:12Z")

</div>

```auto
.es-event-card-content-image {
pointer-events: none !important;
cursor: default;
}

```

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [February 18, 2026, 10:26am UTC](https://community.elfsight.com/t/make-image-unclickable-when-using-action-buttons/145478/3 "2026-02-18T10:26:41Z")

</div>

Hi there, @chusemann 👋

Many thanks for sharing your solution!

As far as I understood you don’t want to open the event popup on image click and used the CSS code above for this.

It works great, but I’d like to let you know that there is a simpler solution available right in the settings.

The event popup opens only if you added the full description. Since the full description isn’t displayed in the event cards, you just don’t need to use the full description 🙂

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/5/8/583f1f7404ff4b79b73564efec984b99732eb4f6.png)

---

<div class="post-metadata">

**Author:** ![chusemann](https://avatars.discourse-cdn.com/v4/letter/c/47e85d/32.png) [@chusemann](https://community.elfsight.com/u/chusemann)\
**Post date:** [February 18, 2026, 6:18pm UTC](https://community.elfsight.com/t/make-image-unclickable-when-using-action-buttons/145478/4 "2026-02-18T18:18:53Z")

</div>

Hi Max, I was not trying to disable the event pop up, but rather disable the link that is involuntarily embedded in the image.

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [February 18, 2026, 6:24pm UTC](https://community.elfsight.com/t/make-image-unclickable-when-using-action-buttons/145478/5 "2026-02-18T18:24:04Z")

</div>

Do I get it right that clicking on the image redirected users to the URL from the Action button link?

---

<div class="post-metadata">

**Author:** ![chusemann](https://avatars.discourse-cdn.com/v4/letter/c/47e85d/32.png) [@chusemann](https://community.elfsight.com/u/chusemann)\
**Post date:** [February 18, 2026, 6:49pm UTC](https://community.elfsight.com/t/make-image-unclickable-when-using-action-buttons/145478/6 "2026-02-18T18:49:43Z")

</div>

Hi Max, yes. In this example ([https://dash.elfsight.com/widget/68878f37-ce07-43fd-995e-c22a76966e5d](https://dash.elfsight.com/widget/68878f37-ce07-43fd-995e-c22a76966e5d)) if I remove the custom css:

.es-event-card-content-image {  
pointer-events: none !important;  
cursor: default;  
}

Then the link in the action button becomes embedded in the image. This solve is for people who do not want embedded links in the image.

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [February 18, 2026, 6:51pm UTC](https://community.elfsight.com/t/make-image-unclickable-when-using-action-buttons/145478/7 "2026-02-18T18:51:33Z")

</div>

Got it!

In this case your code is a perfect solution! Thanks a lot for sharing it with us 😉