Changing color of Categories and Sub-Categories

Glenn,

Thanks so much for the code, but I can't get it to work properly and I can't figure out what I'm doing wrong. The first code didn't work at all, it wiped out all my boxes all together. The second code worked, but it only changed the color for the sub-category title, not the listings below it. And all the listings have the same color despite being assigned different ones. (if you check the website and click on "Themed Favours", you'll what I mean.)

I must have missed something?

Denise

I'll take a look at this when I get back to my home computer with the right tools, and test it on my local site. (I forget if I tested it before or not...)

Just came across this old thread and want to note that I have tested the code in post 20, second version, and it does correctly generate class names of .category-subs1, .category-products1, .category-subs2, .category-products2, etc. reflecting subcat level.

There are a couple of other classes that could affect these elements, so you want to make sure you know what you are doing in styling them.

Just reviving an old thread... Ive been searching through the forums to find a way to 'bold' the currently selected element in the category sidebox list.

I can style top level menu items and subs (thanks to this thread) - but Im wondering if we can style the prod category that is currently active?

Thanks,

Scott.

Add to your stylesheet

Code:

---

.category-subs-parent, .category-subs-selected {
        font-weight: bold;
        }

---

Aah Greg, yet again you come to my aid.

Thank you!

-Scott.

Glenn your patience is truly endless! Let me abuse of it: I was wondering it there was an easy way (CSS modification) to change the color of the links in the side columns (One and Two I believe they're called) independently from those of the central column?

My website should be accessible here: http://87.210.162.199/catalog/ (it might takes a few attempt)

thanks

Carlo

I seem to have found it, just adding:

.centerColumn a {

}
will affect only the links in the center columns, being able to change the properties of every other link with the
a: link ..... ul li a {
}
statement

Yep, and you can affect just the left or right column with
#navColumnOne a {}
or
#navColumnTwo a {}

And one more to go, this has been quite a ##########: the "categories" list of links (which is not an "ul li a", by the way) is quite tight! Adding padding or margin to the

A.category-top, A.category-top:visited {
text-decoration: none;
padding: 1em;
}
Only add padding to the LEFT of the links, not BETWEEN each link, the space remain the same, ditto for "margin".
It could have something to do with the <br /> at the end of each line? As per the source code:

<!--// bof: categories //-->
<div class="leftBoxContainer" id="categories" style="width: 150px">


<h3 class="leftBoxHeading" id="categoriesHeading">Categories</h3>

<div id="categoriesContent" class="sideBoxContent">
<a class="category-top" href="/catalog/index.php?main_page=index&amp;cPath=69">Intense</a><br />
<a class="category-top" href="/catalog/index.php?main_page=index&amp;cPath=70">Mild</a><br />
<a class="category-top" href="/catalog/index.php?main_page=index&amp;cPath=71">Light</a><br />
<a class="category-top" href="/catalog/index.php?main_page=index&amp;cPath=75">Balsamico ABTM</a><br />
<a class="category-top" href="/catalog/index.php?main_page=index&amp;cPath=74">Books</a><br />
<a class="category-top" href="/catalog/index.php?main_page=index&amp;cPath=73">Bundles</a><br />
<hr id="catBoxDivider" />
<a class="category-links" href="/catalog/index.php?main_page=products_new">New Products ...</a><br />
</div></div>
<!--// eof: categories //-->


Thanks again in advance! :D

Carlo

P.S. Any idea why the CSS won't load in IE7?