Change hyperlink style

[Joanne]

Hi,

I’d like to be able to make the links on my site stand out a little more, and underlining them would do just the trick. However, the thought of having to go through and manually underline each one is rather daunting, and so I was wondering what I’d need to do in order to be able to override the CSS so that URL’s are shown underlines by default.

Any suggestions?

Thanks.

[Sushil Adhikari]

You can do a global restyle of links, but this might affect other links that you don’t want the styling for.

Based on this theme though, it might be a bit tough to pinpoint the link styling so I will help out a bit here. You will definitely need to do some custom CSS, so the best option might be to target the main content area only, which means finding out what the ID or class of the container where the main content is in. For Encounters, you will probably want to look at this:

#content-wrapper a {
text-decoration: underline;
}

Try that to see if it works for you…the above CSS will underline links in your main content as well as the left and/or right sidebars.

[Joanne]

Hey, thanks for the response. I tried to apply this code to the style sheet but it doesn’t seem to have made a difference. Not sure if you know of anything else?

Thanks!

[Sushil Adhikari]

To force the style (if it’s not working for you), you can do !important like this:

#content-wrapper a {
text-decoration: underline !important;
}

[Author]

Posts