Make image unclickable when using Action buttons

CSS Codes Timeline
1 
.es-event-card-content-image {
pointer-events: none !important;
cursor: default;
}
3 Likes
3

Hi there, @chusemann :waving_hand:

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 :slightly_smiling_face:

image
image336×799 13.9 KB

4

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

1 Like
5

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

6

Hi Max, yes. In this example (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.

1 Like
7

Got it!

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