How to make all hyperlinks underlined

[krtyler05]

Hi There,

I’m trying to make my client’s site as 508-compliant as possible and would like to make all hyperlinks be underlined.

Home

So far, I’ve had to do this manually, which I’m fine with, but when it comes to the blog posts the client will add in the future, as well as them creating new pages using custom page templates, I don’t really trust that they’ll keep that practice up.

Can I achieve this with global CSS?

Thanks!

Best,
Katie

[Prasant]

Hello Katie,

Thanks for asking.

You can add following CSS under Pro > Theme Options > CSS:

.entry-content a {
    text-decoration: underline;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.