Changing Link Text in WordPress
I love the WordPress theme that I am using, but it was bugging me that the links in my article text wasn’t being underlined. Back in the day, I would just go to the WordPress dashboard and jump into editing the theme’s files from there. But that feature seems to be gone (for better or for worse — but probably for the better).
Ok, so I knew that CSS was responsible for how the links appeared. Now, I could have gone into the file manager at my webhost — try to hunt and find the CSS file for this template. Or I could do it the proper way, and do it in the ‘Customize’ area of the theme in WordPress.
Ok, so let’s do this together!
So one thing that I was not able to capture in the Tango above, is how to find the CSS class to modify. Well that is a bit tricky and takes some trial and error. But if you are using Chrome, then the first step is to go to the link you want to modify. Right-click, then select ‘Inspect’
That will pull up the page’s source code:
I know – it looks really scary! At first, I thought the class was ‘.entry-content’ and tried to follow the advice given here. However it didn’t work. What I found out is that the correct bit of CSS code was as follows:
.entry-content p a {
text-decoration: underline !important;
}So basically the ‘p’ will restrict/specify the action for the blog body text. (please note, the Tango does not show this correct code. But that is ok — because it could be totally different for your site anyway).
Hopefully this is helpful. It’s a very easy task to do once you identify the correct CSS class to modify!
