Removing Ugly Underlines from Links

Highlighted
Excursionist
17 0 18

I am a beginner so please bear with me but I am trying to remove the ugly formatting of lines & even double lines that appear on the hyperlinks on this page:

https://www.originalfilmart.com/pages/bycountry

I have tried a few suggestions from the forum to no avail like adding  text-decoration: none

Thanks,

Michael

 

0 Likes
Highlighted
Excursionist
65 0 12

Are you using the app that disables right-click? 

0 Likes
Highlighted
Excursionist
17 0 18

I removed that app but I keep getting the underlines.  Also, links keep changing after they are set.  Very frustrating.  Any suggestions for getting rid of those underlines?

0 Likes
Highlighted
Excursionist
65 0 12

Hi michael,

In your Theme's CSS: Do a search for this class:

.text-link {
    color: #4184f2;
    border-bottom: 1px solid #4184f2;
    padding-bottom: 2px;
}

Where it says border-bottom, change to: 

border-bottom:none;

 

1 Like
Highlighted
Excursionist
17 0 18

Thank you very much!

 

1 Like
Highlighted
New Member
1 0 0

This has been extremely helpful! I really appreciate this approach. CSS is always so straightforward when I know what we are targeting. You're the best!

0 Likes
Highlighted
New Member
1 0 0

This worked for removing the border under the nav links:

.site-nav__label { border-bottom: none;}

 

Good luck

0 Likes