How To Remove Image Link From Carrousel In SP 4
Miguel
Hi there! I have a carrousel in page builder. I don't have set up the image link, but if you click over the image, the page is refreshed. How can I remove this behaviour?
Please check in https://mikmac.ar/airedeproa/ (the carrousel at the bottom page) Thank you!
Paul Frankowski
Accepted AnswerHola,
it's special addon, and if you don't want to touch its php/html code I suggest other method, custom CSS
.sppb-carousel-extended-item a,
.sppb-carousel-extended-item a:hover,
.sppb-carousel-extended-item a:focus {
cursor: default !important;
pointer-events: none !important;
cursor: not-allowed;}Rakesh
Accepted AnswerThanks, needed this too.
Would be good to have the href disabled when URL field is empty.
Mia
Accepted AnswerHello! The code works perfectly fine on desktop version. How can I disable the link on mobile devices?
Thanks!
Paul Frankowski
Accepted AnswerIndeed, you have to add extra line between { } code that I shared before (months ago):
touch-action: none;
Mia
Accepted AnswerHello Paul, thanks! But unfortunately it doesn't work on my side yet. It sould be like this, right?
.sppb-carousel-extended-item a, .sppb-carousel-extended-item a:hover, .sppb-carousel-extended-item a:focus { cursor: default !important; pointer-events: none !important; cursor: not-allowed; touch-action: none;}