How to remove underline in link in a slideshow? - Forum | JoomShaper
Solved SP Page Builder

How to remove underline in link in a slideshow?

Asked by Amar Guillen 2 years ago Last activity 2 years ago

Hi,

I am creating a new page on my website using SP Page Builder. I would like to remove the underline in link in a slideshow. Please would tell me how to do?

I have the same question regarding the button element.

Here is the page I am building.

Thanks for your reply,
Sincerely,
A. Guillen

Accepted answer

Marked as the solution
Amar Guillen Asked this

Hi Paul,

thank you veru much for your reply. I appreciate.

It works well now. That is perfect.

You can close the ticket.
Thanks for all.

Sincerely,
A. Guillen

9 more replies

Mehtaz Afsana Borsha Staff

Hi

Thanks for contacting us. Could you please give me a screenshot of your issue?

-Regards.

Paul Frankowski Senior Staff

Hi Amar,

indeed without link hard to guess, probably your template or custom CSS added that line.
In most addons you can choose option to disable text-decoration.

Anyway, here is universal Custom CSS that should help in global way:

.addon-root-js-slideshow a, 
a.sppb-sp-slider-button, a.sppb-btn  {
  text-decoration: none !important; }
Amar Guillen Asked this

Hi Paul,

thank for your prompt reply.

I tried the css by adding it in a custom.css attached to the template. It does not work.

Could you check that page : https://www.guillenphoto.com/fr/front-page.html

Thanks for your help.
Sincerely,
A. Guillen

Paul Frankowski Senior Staff
2 years ago · edited

Thanks for the link.

It wasn't "Underline" but white border around, this is totally different thing. You used the wrong term.

text-decoration: underline =/= border:1px solid #fff


You should be able to disable borders from slideshow settings for each button.

But if somehow you cannot find that setting, you can always use

.sppb-sp-slider-button .sp-slider-btn-text {
  border: 0 !important; }
Paul Frankowski Senior Staff
2 years ago · edited

And here

info_2946_2024.gif

you (or somebody else) set Blue Border for addon itself. Just edit addon, and remove border settings in Style tab to remove it.

Amar Guillen Asked this

Hi Paul,

In the slideshow on the top of the page, I would like to get borders around the link on the button but I do not want the underline under the link. I guess this is the property text-decoration : none; but I do not find out where to change it.

Please would you let me know how to solve what I want.

Thanks
A. Guillen

Paul Frankowski Senior Staff
2 years ago · edited

Sorry, but I don't see any undeline effect in slideshow buttons, only solid border and background color after hover

info_2947_2024.gif

so you have to show me screenshot (share link to image)

Paul Frankowski Senior Staff

I don't see it on Firefox, but somehow only Chrome display it, weird!!!

Ok, try that

 .sppb-sp-slider-button .sp-slider-btn-text,
 a.sppb-sp-slider-button,  a.sppb-sp-slider-button span  
 {text-decoration: none !important; }
Log in to reply.