I'm using a premium theme and want to remove the heavy underline beneath my links. It does not give me an option to do so in settings. This is what it looks like:



I find it a bit much and too overbearing. I've tried different CSS codes and I can't seem to find one that will remove it. Note that it's not the typical link underline either, as you can see it's a little lower than most and is also very heavy.

Is there anyone that is familiar with CSS that can assist? :)
Thanks so much,
Jen



Join the Discussion
Write something…
Recent messages
kmer6 Premium
Happy Friday to you Jen. I am not sure if the underline can be removed from your link in your Theme or not, but I'm hoping all your links are not 'per your example', click "here". You are loosing major inner links SEO if they are not text links (links should either be to a post title or keyword).
I hope you are able to solve the underline issue in your Theme. Good luck,
Ken
Reply
TravelCarrot Premium
Hey Ken, I have many internal links, this one just so happened to be to an external link.

But you do make a good point about using keywords for internal links instead of "go here",etc. One I had not thought of until now... My thought process was to use more of "call to action" verbiage as was suggested before. Although actually I have been doing a mix of this type and using keywords within. Anyways, like I said good point. :)
~Jen
Reply
PeterVX Premium
It looks like someone went to some trouble making it that way. If you look at the CSS code, somewhere it should a line that starts with 'a.' (without the quotes - an a and a period, followed by another word) then a space and then some text enclosed by braces: { ... }. There may be several lines like that. If you can copy them and private text them to me, I may be able to help.
Reply
TravelCarrot Premium
Great, Peter, thank you so much. I will look and see what I can find in the code!
Reply
smgib Premium
The font of the text controls the thickness of the underline. What I mean is if your font is thick or bold so will be the underIine on the link if it's the same font used. I hope that makes sense.

If you want to do away with the underline you use something like this;
a:link { text-decoration: none; }

Just make sure you know what you're doing before changing. Also keep a backup copy of the original css code before changing in case you have to revert backward. :-) Good Luck, Susan :-)
Reply
TravelCarrot Premium
Hi Susan and thank you for your response. I have actually already attempted the {text-decoration: none;} but with no luck. That was actually one of the first things I have tried among others... also, even when I change the font from bold to regular, the stubborn line still stays the same thickness and does not go away.. so neither combination works. But, I will keep searching :) Thank you.
Reply
Top