Hi,

I want to style my body links in CSS to get the effect of having a think line (1px) underneath the link (different color than text), which then becomes a line of 3px when hovered, again different color than text. I can do this by:

a {
	border-bottom:1px solid #cccccc;
	padding-bottom: 2px; 
}
a:visited {
	color: #09C;
	text-decoration: none;
}
a:hover {
	color: #333333;
	border-bottom:3px solid #AD3417;
	padding-bottom: 2px;
	text-decoration: none;
}
a:active {
	color: #006;
	text-decoration: none;
}
a:link {
	text-decoration: none;

But then ALL links in the webpage change, including page titles, blog titles etc. I ONLY want the links in the text to change. Can anyone please help me?

Thanks

Louise

I haven't tested extensively but try adding #middle before the selectors for example

#middle a

or

#middle a:visited

Thank you Imiles, but no, it does not work.

See artdelamorena.com

I ONLY want the links to be affected that would normally be affected by editing the links in the theme options....

Actually, I stand to be corrected. The sidebar links are now back to normal, i.e. not affected by the new css style to the links. Which is not what I wanted, I wanted those to remain the same as the "normal" links.

The problem is that the page menu, and post titles also have the new link css. Not what I want.

The formatting that I had done to the page menu is gone...

Any help much appreciated!

You could try

div.post a:link

... etc. to target links inside posts

Thank Flynn, but if I understand correctly I would have to add html on each post. This is for a client that already has 1000 + posts, so need something general...

I could probably work around the page menu, by tweaking the css. But what about the page/post title?