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?

Flynn's suggestion is to put that into the CSS inserts and then it would effect all posts

Is there any way to change just the text link style inside a post?

I used

div.post a:link

but it changed the CSS for the links in the footer area of the post and post comments.

Is there any div that's just for the post text itself and no other links? I worked on this for about an hour last night and poked around online with no luck except for this forum post. My site is www.mybeijingstories.com if it helps.

Any ideas?

Thanks!

Use 'div.post-bodycopy'

Thanks! That was just what I was looking for. My site looks even better now