How To Remove Underline In Link In A Slideshow? - Question | JoomShaper

How To Remove Underline In Link In A Slideshow?

AG

Amar Guillen

SP Page Builder 1 year 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

0
10 Answers
AG
Amar Guillen
Accepted Answer
1 year ago #163699

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #163334

Hi

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

-Regards.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #163346

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; }
0
AG
Amar Guillen
Accepted Answer
1 year ago #163427

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #163436

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; }
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #163437

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.

0
AG
Amar Guillen
Accepted Answer
1 year ago #163443

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #163470

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)

0
AG
Amar Guillen
Accepted Answer
1 year ago #163562

Hi Paul,

here is a screencopy of the underline.https://kdrive.guillenphoto.com/app/share/118755/ea0bda23-3b59-4cf3-9400-bf98b80e5d60

In that case, I did not apply the patch .sppb-sp-slider-button .sp-slider-btn-text { border: 0 !important; }, because in that case I do not have anyborder around the button, just the underline.

I hope it will help, Thanks for your help.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #163609

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