it worked a treat thank you very much :)

#nav .current-page-ancestor > a {
	color: #a3cc00;
}

Thanks jenny

.main-navigation li:hover > a, .main-navigation ul ul :hover > a, .main-navigation ul ul a:hover {
	color: #8dd0cc;
	text-decoration:none
}
.main-navigation ul ul, .main-navigation ul li:hover {
	background: none
}

The color code is #8dd0cc instead of #9ee5df, but you could swap that out if you wanted.

Nice work!

.entry a:hover.more-link {
color: #a8a8a8 !important;
}

I'm trying to learn how to do this myself, but am not quite there yet. For example, I'd like to apply the same grey hover to the "Read More" links.

1. I ctrl-click, inspect elements. It tells me the "Read More" is connected to "a class="more-link"".

2. So I insert CSS that says:

#content a.more-link a:hover {
color: #a8a8a8;
}

...but it doesn't work. Any ideas which wrong steps I'm taking? Very grateful for your help and patience here.

#content .title a:hover {
color: #a8a8a8;
}

An example of the link text I'm having trouble with is here:

http://www.barrycooper.com

If you look at the heading "No Pain Was Spared Him. No Blessing Will Be Denied You", you'll see it's blue, with no hover color. Compare this to the behaviour of the Featured Article links above, and you'll see how I'd like it to behave.

When I do "inspect element", this is the code that is highlighted:

​No Pain Was Spared Him. No Blessing Will Be Denied You.​​

Grateful for your help.

I've copied and pasted below my custom CSS, so you can see where I'm going wrong.

You should only paste short snippets of CSS in forums if needed. CSS can be viewed through the "Inspect Element" option in a browser any time. Also, seeing the current custom CSS won't help with determining what needs to change for links elsewhere, you may need to create new custom CSS for those links depending on which specific links you're looking at.

But I'm still having trouble making the links elsewhere on the site behave the same way.

In this case, I would actually recommend viewing the original theme CSS file. Here is a direct link:
https://s1.wp.com/wp-content/themes/premium/traction/style.css?m=1355330217g&minify=false

Look through that CSS for any "color" properties and note the selectors. If you want to find and replace a specific color code, you can search for just that code, copy all the relevant selectors into a comma-separated list, and paste that list followed by a new color property. Here is an example to illustrate:

YOUR_LIST_OF_SELECTORS
     {
           color: #f00;
     }

Replace #f00 with a color code of your choice.

Be careful when doing a full find and replace because there may be exceptions to colors you want to change (i.e. a specialized widget that has a dark background and needs to keep its light colored text). Sometimes it just takes a little experimentation to find which combination of selectors will work best.

This may also help when it comes to differentiating visited vs unvisited links:
http://css-tricks.com/snippets/css/link-pseudo-classes-in-order/

If you still need help, can you link to a specific example and point out the link text of a link you're still having trouble with and mention what you found when you used the "Inspect Element" option on it?

I did manage to make the "Featured" bar at the top behave as I'd like (ie links are light blue, hover is grey).

But I'm still having trouble making the links elsewhere on the site behave the same way.

I've copied and pasted below my custom CSS, so you can see where I'm going wrong.

body {
font-family: "museo-1", "museo-2", serif;
line-height: 2.2em;
}

div.feature-main h3 a:link,
div.feature-main h3 a:visited,
div.feature-sidebar ul li a strong {
color: #285A86;
}

div.feature-main h3 a:hover,
div.feature-sidebar ul li a strong:hover
{
color: #A8A8A8;
}

h2 a:link,
h2 a:visited
{
color: #285A86;
}

h2 a:hover
{
color: #A8A8A8;
}

#content a:link {
color: #285A86;
}

#content a:link a:hover {
color: #A8A8A8;
}

#copyright {
display: none;
}

div.cats {
display: none;
}

div.tags {
display: none;
}

#pg-nav-bg {
display: none;
}

p + p {
margin-top: 1.5em;
}

ul li.widget ul.tweets li {
padding: 1px 0 10px;
}

Would be very grateful if someone could put me out of my misery :)

I am trying to change the hover link in the navigation menu so the letters just change colors when you hover over it instead of having a block of color when mouse over it. I want the letters to be this color #9ee5df when you roll over the menu pages.

Can anyone help. I have been at this for hours to no avail.

Thank you,
Amanda

For example, to change the color of the Featured Articles links on the right in the Traction theme, find this in your custom CSS:

div.feature-main h3 a:link,
div.feature-main h3 a:visited {
	color: #285A86
}

And add this "div.feature-sidebar ul li a strong" so that the new rule looks like this:

div.feature-main h3 a:link,
div.feature-main h3 a:visited,
div.feature-sidebar ul li a strong {
	color: #285A86
}

#colophon {
    clear: both;
    color: #FFFFFF !important;
    text-decoration: none;
}

To change the links color in the footer, you can do this:

.site-info a {
color: #999999;
}

I would not go much lighter than what I've used above, and set the #colophon back to that as well.

.navigation-main a

a:link, a:visited {
    color: #9C8A6A;
}

a:hover, a:active {
    color: #3E372B;
}

Which type of link do you want to change the color on?

a:visited {
color: #7D7DBF;
}

`a:visited {
color: #FF8F85;
}

You don't actually edit CSS here. You create rules to override the existing CSS. The custom CSS is loaded after the original CSS so it takes precedence.

So, if for example I want to remove the underline in links that I've created, I would just paste the code right into that box ("welcome to css...") ? And that would take care of it? See, I thought that I would see all the pre-formatted CSS codes.