Can anyone tell me how to change the color of category/subcategory, as they are same color/font, and hard to distinguish with each others.

Thanks
-Lok-

Comments

level02’s picture

what theme are you using? View your page source and see if any classes separate links from one another. Sometimes there is a class .first, or:

ul.links li.first {
border: none;
}

or you can do something like

.taxonomy .first {
border: none;
}

maybe in which case you can simply use CSS to style your categories/subcategories.

I'm no expert but this is a thought.

Lok’s picture

Hi level02

Thanks for your post.

I am using garland as the theme. But I can't find the codes mentioned. Can you tell me where can I find the codes?

Thanks

teejayuu’s picture

It will be in the style.css file which will be in the garland folder.

level02’s picture

Try adding:

.terms .first a {
  color: #ffff00;
}

to style.css and see if it changes the color of your first term.

level02’s picture

You can also style individual taxonomy_terms like this:

.terms .taxonomy_term_X a {
  color: #ff0000;
}

Where X is the taxonomy term number. To find the taxonomy term number, hover over the term in your vocabulary list (Administer › Content management › Categories › list terms).

Styling depends on where you want the style change to take place. These examples will change terms that are links (a).