Question

Normally I’m pretty competent with CSS but I just can’t figure this one out…

Here is a subdomain for a site I’m creating…

The ‘Read More’ part of it, no matter how I try to override the CSS and remove the text-decoration: underline; , it will not remove.

The only way I’ve managed to remove it is via applying a universal a:link { text-decoration: none; }, but I really don’t want to do that, I just want to remove only the ‘Read More’ Underline.

Can anybody save my from my CSS insanity?

Thanks

Answer 1

If you don’t want to remove the underline from all links in the post snippet, try to add a class to the “read more” link. Currently the span within the link has a class, but for this purpose that doesn’t help you much.

It would look something like this:

<a class="read_more" href="http://catpr.com/craig-chapman/?p=1"><span class="pictos read-more">Read More</span></a>

And the CSS:

a.read_more {text-decoration:none}

Because you’re working in WordPress, you’d need to edit the theme files to do so (give the link a class, that is).

If you don’t care about removing the underline from all of the links in the snippet, the other answers provided will do the trick.