Solved SP Page Builder

How to remove image link from carrousel in SP 4

Asked by Miguel 4 years ago Last activity 3 years ago

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!

Accepted answer

Marked as the solution

Paul Frankowski Senior Staff

4 years ago

Hola,

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;}

6 more replies

Miguel Asked this

4 years ago

Thanks Paul! Works fine!

Rakesh

3 years ago

Thanks, needed this too.

Would be good to have the href disabled when URL field is empty.

Mia

3 years ago

Hello! The code works perfectly fine on desktop version. How can I disable the link on mobile devices?

Thanks!

Paul Frankowski Senior Staff

3 years ago

CSS should work for all, but maybe share URL

Mia

3 years ago

Ok, please find it attached.

Paul Frankowski Senior Staff

3 years ago

Indeed, you have to add extra line between { } code that I shared before (months ago):

touch-action: none;

Mia

3 years ago

Hello 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;}