• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 30.04.20, 10:05
  • Opened by: Chiara Todisco
  • Closed by: Fred
  • Closed on: 28.05.20, 00:22
  • Reason: Closed
  • Comment: Glad to help!

Ticket #17604 - Make an image un clickable

What is the command to block the click on an image? Be it Banner or single image

Comments

Fred 30 Apr 2020, 10:47

I don’t know what block you mean. You have to find a block class and add following CSS:

.YOUR_BLOCK {pointer-events:none}
Chiara Todisco 30 Apr 2020, 10:53

I intend to block the click on the images on this page

https://www.dedecouture.com/it/content/18-pagantis-acquista-a-rate

was created with page builder

Fred 30 Apr 2020, 10:55

Try this:

#cms .pts-popup {pointer-events:none}

don’t forget about cache

Chiara Todisco 30 Apr 2020, 11:06

Does not work. I don’t know if I’m explaining myself well. On the page https://www.dedecouture.com/it/content/18-pagantis-acquista-a-rate I don’t want the images to be clickable.

Attachments:

Schermata 2020-04-30 alle 10.... (385.4 KiB)
Fred 30 Apr 2020, 11:08

https://take.ms/c9XCU now images are not clickable there

Chiara Todisco 30 Apr 2020, 11:25

Now the banners are not clickable. But I ask you if I am going to create another CSS page will the banners not be clickable? Or the effect is only for the page in question.

example:
If I don’t want a photo to have an animation I put this nopaddright code in addiction class. So it will only affect that widget. As in the case in the photo.

I was wondering if there was an addiction class command to insert inside the banner widget to prevent it from being clickable. So I can manage the widgets individually.

Attachments:

Schermata 2020-04-30 alle 11.... (449.4 KiB)
Fred 30 Apr 2020, 11:27

Ok, I see.
As I wrote you before, you can create such class

.YOUR_CLASS a {pointer-events:none}
Chiara Todisco 30 Apr 2020, 11:29

I don’t understand, I have to insert .YOUR_CLASS to {pointer-events: none} inside the addiction class command in the widget?

Fred 30 Apr 2020, 11:43

change “YOUR_CLASS” to your name, or leave it as is

Fred 30 Apr 2020, 11:43

There is nothing special