Removing Ugly Underlines from Links

Michael_H_1
Excursionist
19 0 23

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
Giggles
Excursionist
65 0 13

Are you using the app that disables right-click? 

0 Likes
Michael_H_1
Excursionist
19 0 23

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
Giggles
Excursionist
65 0 13

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;

 

Michael_H_1
Excursionist
19 0 23

Thank you very much!

 

auraawakin
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
chrisdavis
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
TrishNeedom
Excursionist
20 1 3

@Giggles 

I hope you don't mind me reply to this message...I found this post when searching for a solution to the same issue, double underline on links.  

The code you gave removed one of the lines but there is still a single line under my links.

I update my timber.css.liquid file, there was nothing in the theme.css.liquid file to be updated.  Where else would I find the elusive code that is creating this line.

 

Thanks for any help you can give.

Trish

0 Likes