css style affecting sidebar in blog

hello everybody,
I am sort of new to web design ang got stuck with a (for me) very mysterious
problem: while editing the css my wordpress blog www.factorygirl.org/factoryblog to change colors, fonts etc all the voices in the sidebar turned purple and now I don't know how to set them back to different colors - perhaps somebody could be so nice to take a look at the code and see where's the mistake?
thank you!!!!!

 

It probably has to do with this:

a:hover, a:active, a:focus  {
	[B]background-color: #990033;[/B]
	text-decoration: none;
	color: #fff;
}

Code (markup):

#990033 is the purple color you see, if you remove this or change it to another color, it'll fix your problem.

 

thank you! by the way, GREAT picture you have there, iQuit, eh eh... I didn't noticed you answered, or I would have replied sooner -
I see what you mean, but with that I can only change the colour of the whole sidebar, and not by category how it should be - why do you think is that?
here's the code for the sidebar, I changed where its says a:hover to a silly 999445 but still categories are a mistery.
cheers!

/* === The Side Menu === */




.sidebar_liq ul {

}

.sidebar_liq ul li {
list-style-type: none;
clear:left;
}

.sidebar_liq a:link, .sidebar_liq a:visited {
float:left;
text-decoration: none;
color: #fff;
background-color: #999445;
padding: 0.2em 15px 0.2em 15px;
margin:2px 0 0 2px;
}


/* extend the colour spectrum if you want to! */

li.catOne a:link, li.catOne a:visited {
background-color: #990033;
}

li.catTwo a:link, li.catTwo a:visited {
background-color: #666666;
}

li.catThree a:link, li.catThree a:visited {
background-color: #333333;
}

li.catFour a:link, li.catFour a:visited {
background-color: #999966;
}




.sidebar_liq a:hover, .sidebar_liq a:active, .sidebar_liq a:focus {
background-color: #990033 !important;
text-decoration: none;
color: #fff;
}

.sidebar_liq h2 {
color:#777;
padding: 0.7em 15px 0.2em 0;
margin:2px 0 0 2px;
}

 

I'm slightly confused as to what you're referring to when you say "Categories" and what you're trying to accomplish exactly.

My understanding is that you are trying to get the "Uncategorized" link in the sidebar to turn to a different color? If that's so, then your css already includes ways to change their color, here is the existing CSS code:

/* extend the colour spectrum if you want to! */

li.catOne a:link, li.catOne a:visited {
background-color: #990033;
}

li.catTwo a:link, li.catTwo a:visited {
background-color: #666666;
}

li.catThree a:link, li.catThree a:visited {
background-color: #333333;
}

li.catFour a:link, li.catFour a:visited {
background-color: #999966;
}

Code (markup):

But now to apply it, you'll need to make some changes to your html, so you'll need to apply a new class to that particular category, depending on the color you want. For example, here's what it should look like:

<li [B]class="catTwo"[/B]><a href="http://factorygirl.org/factoryblog/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a>

Code (markup):

It should be as simple as just adding that class there and defining which color you want based on the classes above.

Let me know if this is what you wanted.

 

thanks a bunch! only I am not sure I understand: there are different groups of links as you can see, and I would like each category, not just the uncategorized, to show a different color - do I have to give a name to each category in order for that to work? do I have to write for each "View all posts files under (for instance) women&games" - ? sorry I am a bit slow

 

I'm not very familiar with Wordpress so I can't really be of more help than the following... Here is the code taken directly from your page:

<li id="archives" class="widget widget_archives"><h2 class="widgettitle">Archives</h2>
		<ul>
			<li><a href="http://factorygirl.org/factoryblog/?m=200707" title="July 2007">July 2007</a></li>
		</ul>
</li>

Code (markup):

This as you can see is the code for the Archives. Now if you use my suggested above, if you simply add the bolded part into the code:

<li id="archives" class="widget widget_archives"><h2 class="widgettitle">Archives</h2>
		<ul>
			<li[B] class="catThree"[/B]><a href="http://factorygirl.org/factoryblog/?m=200707" title="July 2007">July 2007</a></li>
		</ul>
</li>

Code (markup):

What you get is a differently colored link. The way to implement this however is something I wouldn't be able to say unless I had a look at the back-end of wordpress, but I can definitely say that it requires some modification of your templates, which are in the Theme Editor of your control panel for WP. I'd look through there, otherwise, Add me on MSN and I might be able to help.