Underline article links but not titles

Latest Reply from docwisdom at 2013-02-06 11:54:39
I added this bit of CSS to the style.css to return the underline to links in the post body.

.articles a {
text-decoration:underline;
}

Unfortunately it also underlined the title. This code already exists to remove the underline from the post title, so Im not sure why mine is superseding.

a.post_ttl, .post-caption h1 {
color: #c1bda7;
font-family: 'webfontregular';
font-size: 26px;
line-height: 25px;
text-decoration: none;
text-transform:uppercase;
}

Also my "read more" links are underlined and I would prefer they are not.
Maybe I need to replace this code

.articles a {
text-decoration:underline;
}

with a different selector?
I still cant figure out how to underline links in the article body but not the title and read more links.
Hi!
Please try to use selector ".articles .post_body a" instead ".articles a", and add option "text-decoration:none" for "input.readmore, a.readmore"
For some reason the
.articles .post_body a
doesn't seem to work. It doesn't underline any of the links in the body.

Instead I used

.articles a {
text-decoration:underline;
}
.articles .one-post a {
text-decoration:none;
}

as well as your mention of
text-decoration:none;
on input.readmore, a.readmore

This "works" but if you have any suggestions for making it cleaner
correction to above

.articles a {
text-decoration:underline;
}
.articles .one-post h2 a {
text-decoration:none;
}
I think I figured out what wasnt working with the code you provided. It needed one-post added.


.articles .one-post .post-body a {
text-decoration:underline;
}


this seems to work quite well now.

Leave a reply

Add codeAdd image