Possible to remove link cursor pointer in social element?

[bracas]

Social element is the only flexible icon and text styler the classic is not suitable. But we don’t always want to link to something. Is it possible to remove the link function for specific ones? With some code?

For future updates —> You should add a function to it “disable link”.

[Prasant]

Hello @bracas,

Thanks for asking.

You can add # symbol to add a self attached link. However, if you want to completely remove cursor link you can add following CSS under Social element > Customize > Element CSS:

$el{pointer-events: none;}

To learn more about pointer events CSS property, please take a look at following article:

https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

Thanks.

[bracas]

a # will still create a link which we don’t want to output since there is no link there.

Many thanks Missed pointer-events, new for me, thanks!

One thing only. It cause issues in the page builder as well as I can not click on the element to edit now in frontend, skeleton mode works of course.

[friech]

Hi Bracas,

Please update the given element CSS code to this.

body:not(.ember-application) $el{pointer-events: none;}

Cheers!

[bracas]

Sweet! Thanks Friech!

[jade]

You’re welcome!