#access li a:hover {
color: #CC0000;
}

This would change the "active" link color (the orange).

#access .current_page_item > a, #access .current_page_ancestor > a, #access .current-menu-item > a, #access .current-menu-ancestor > a {
color: #C17E08;
}

a:hover {
    color: #CC0000;
}

I tried entering that into my CSS and it still isn't changing the active link color. Is there specific coding I need for the menu perhaps?

Thanks!

The :active pseudo-class isn't used by the theme CSS, so you probably just want to use "a" instead of "a:active". Or if you were trying to change the link color that appears when you hover over the link, also add a rule for "a:hover". Here is an example:

a {
	color: #f0f;
}
a:hover {
	color: #f00;
}

Change the color codes as needed.
http://en.wikipedia.org/wiki/Web_colors#X11_color_names

I want to change the active link color in my menu in the Suburbia theme, and have been entering a:active {<br /> color: 1a92af;<br /> }
into the CSS, but still not working. I've cleared my chache and cookies. Is there a certain code I should be using in Suburbia?

Thanks!

It's possible to override the color contrast rules using custom CSS. Here is an example that adjusts all of the things Custom colors adjusts for link and heading color, except you need to copy and paste it into your Appearance → Custom Design → CSS editor:

a,
#nav-above a,
.fetch a,
.entry-meta a,
#site-info a {
	color: #f58026;
}

.menu ul a,
#reply-title,
.entry-title,
.page-title,
.post_title,
.post_title h1,
.post_title h2,
#comments-title,
#site-title a,
#site-title,
.widget-title a,
.widget-title,
.box h1,.box h1 a {
	color: #fec532;
}

Headers-

.menu ul a, #reply-title, .entry-title, .page-title, .post_title, .post_title h1, .post_title h2, #comments-title, #site-title a, #site-title, .widget-title a, .widget-title, .box h1, .box h1 a {
color: #FEC532;
}

Links-

a, .menu a:hover, .menu ul a:hover, .menu ul .current_page_item > a, .menu ul .current_page_ancestor > a, .menu ul .current-menu-item > a, .menu ul .current-menu-ancestor > a, #nav-above a:hover, #footer a:hover, .entry-meta a:hover, .widget_flickr #flickr_badge_uber_wrapper a:hover, .widget_flickr #flickr_badge_uber_wrapper a:link, .widget_flickr #flickr_badge_uber_wrapper a:active, .widget_flickr #flickr_badge_uber_wrapper a:visited {
color: #F58026;
}

These commands should override the standard CSS of the Imbalance 2 theme. If they don't work, then let me know and I'll try to find another solution.

Here's a screen shot showing the discrepancy between the colours selected, and how they are showing on my blog: Yuck!

http://jubileecreative.files.wordpress.com/2013/02/screen-shot-2013-02-19-at-10-45-44-am.jpg

Thanks in advance,

The blog I need help with is jubileecreative.wordpress.com.

Here's a screen shot showing the discrepancy between the colours selected, and how they are showing on my blog: Yuck!

http://jubileecreative.files.wordpress.com/2013/02/screen-shot-2013-02-19-at-10-45-44-am.jpg

Thanks in advance,

Do I go to Appearance > Custom Design > CSS? There's a window that comes up that says CSS Stylesheet Editor, but I'm afraid to type anything in there because I don't want to mess anything up with my blog because I'm afraid I won't be able to change it back to the way it was before.

That's exactly the right place. Don't worry about messing it up because there is a preview button and the CSS editor also saves revisions so you can go back to the previous saved state even if you save a change that's not correct.

Just jump in and edit! :)

You can still override the colors, but you'll have to do it with the CSS Editor instead of Custom Colors. It may take some work if you want to change a lot of things, but the forums are a good place to ask for help.

I checked your site, and I found that it looks like you've already got the link color updated using the following custom CSS:

a {
	color: #ff542d;
	text-decoration:none;
}

#topmenu li a:hover,
#topmenu li.active a {
	text-decoration: none;
	color: #ff542d;
}

.post .title a {
	color: #ff542d;
	padding-bottom: 5px;
}

To also update the flickr link color, add ".widget ul li a" to the selector list. Note that you can combine those. For example, you can replace the first two blocks from the example above:

a {
	color: #ff542d;
	text-decoration:none;
}

#topmenu li a:hover,
#topmenu li.active a {
	text-decoration: none;
	color: #ff542d;
}

with this:

a,
#topmenu li a:hover,
#topmenu li.active a,
.widget ul li a {
	color: #ff542d;
	text-decoration:none;
}

Notice that I added ".widget ul li a" to the list in the last example.

Thanks so much for replying to my post! I was hoping someone would.

Ok, I'm a total newbie at CSS. Where do I put that CSS text that you gave me? Do I go to Appearance > Custom Design > CSS? There's a window that comes up that says CSS Stylesheet Editor, but I'm afraid to type anything in there because I don't want to mess anything up with my blog because I'm afraid I won't be able to change it back to the way it was before.

If you'd like to override the contrast rules, you can add in CSS to your Appearance → Custom Design → CSS editor. It looks like you wanted to use #42d8f0 for your links and post titles in the content area and sidebar. Here is example CSS you can use for that:

#main a {
	color: #42d8f0 !important;
}