Category (or tag) IDs as selectors in post meta?

[tommyvallier]

Hi,

Is there any way (plugin or a theme altering - I'm using Wintersong) to use the category IDs as CSS selectors? I'd like to set a different colour for each category and could easily do this through CSS... but the categories don't seem to have selectors unique to them for me to do this (like widgets would with text-widget or text-widget-3).

Alternatively, can I do this with tags (and then just treat tags as categories)?

The end goal would be something like this screenshot: http://imgur.com/9hFmcR0.

Thanks for any help!

http://imgur.com/9hFmcR0

[Tom]

Hi Tommy,

You can do this by selecting for the category or tag slug. It's a bit of a pain because each new category or tag means adding a new CSS statement, but it works.

For example:

.entry-categories a,
.entry-tags a {
	padding: 2px;
}

.entry-categories a[href*='category-1'] {
	background-color: pink; 
}

.entry-categories a[href*='category-2'] {
	background-color: lime; 
}

.entry-tags a[href*='images-right'] {
	background-color: chocolate; 
}

.entry-tags a[href*='images-centered'] {
	background-color: yellow; 
}

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[tommyvallier]

A pain it might be... but it's working flawlessly. Really, once the 10 or so categories are set up, I don't plan on adding/removing any for a while.

Thank you!

[Author]

Posts