Different css for different category.

**r00ts** · 1st May 2012, 11:08 AM

Ok, i would like to have, differen CSS for post titles for each different category.
For example.
All posts from category a coloured red
All posts from category b coloured green

Here are some codes i have tryed and people are sayign that they are working but why dont they work for me?
My post titles defautl colour is fetched from post.css and not basic.css

The codes i tryed:

Code:

get the cat id nr. like "194" for w33d on www.something.kom
<h2 id="color_<?php  foreach((get_the_category()) as $category) { echo $category->cat_ID .  '';} ?>">blaaaaaaaaaablaaaaaaaaaaaaablaaaaaaaaaaaa</h2>
CSS file like
#color_194 a {
        color:#99FF00;
}

This one

Code:

open file -> index.php

past code under
<div class="post-header">
------------------------------------------------------------------------------
<h2 id="color_<?php foreach((get_the_category()) as $category) {
    echo $category->cat_ID . '';
} ?>">
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>

------------------------------------------------------------------------------

go to your theme folder => stylesheets folder
open file -> basic.css
XXXXXXXXXXXX = your cat ID
------------------------------------------------------------------------------
.post-header #color_XXXXXXXXXXXX a {
    color:#FFFF00;
    text-decoration: none;
    font-family: Verdana;
    font-size: 11px;
}
.post-header #color_XXXXXXXXXXXX a:hover {
    text-decoration: underline;
    border: none;
    color:#FFFF00;
}
.post-header #color_XXXXXXXXXXXX a:visited {
    border-bottom: 1px dotted;
    text-decoration: none;
}

And this one

Code:

Post that code in your <head>......</head>
Different CSS For Categories
For having different CSS for the categories use the following code :-
    <?php if( is_category( 1 ) ) { ?>
    <link rel=?stylesheet? href=?URL of style1.css? type=?text/css? media=?screen? />
    <?php } elseif ( is_category (2) ) { ?>
    <link rel=?stylesheet? href=?URL of style2.css? type=?text/css? media=?screen? />
    <?php } elseif ( is_category (3) ) { ?>
    <link rel=?stylesheet? href=?URL of style2.css? type=?text/css? media=?screen? />
    <?php } else {  ?>
    <link rel=?stylesheet? href=?URL of style.css? type=?text/css? media=?screen,projection? />
    <?php  }  ?>
Here 1,2&3 represents Category ID?s and style1.css, style2.css & style3.css represents their different CSS repectively.
http://www.dailytechpost.com/index.php/different-css-styles-for-different-pages-and-categories-in-wordpress/

r00ts Reviewed by r00ts on 1st May 2012. Different css for different category. Ok, i would like to have, differen CSS for post titles for each different category. For example. All posts from category a coloured red All posts from category b coloured green Here are some codes i have tryed and people are sayign that they are working but why dont they work for me? My post titles defautl colour is fetched from post.css and not basic.css The codes i tryed: Rating: 5

**Apathetic** · 1st May 2012, 11:11 AM

Try any of them, right click on the element > inspect element. See from what file that element is being styled to. You can PM me the site so I can help you.

Different css for different category.

Thread Tools

Display

Different css for different category.

Sponsored Links

Thread Information

Users Browsing this Thread

Similar Threads

Different CSS per category.

No category base in url

Category headings.

Get RSS of category ?

XXX category

Tags for this Thread

Posting Permissions

themaCreator - create posts from...

themaCreator - create posts from...

themaPoster - post to forums and...

themaCreator - create posts from...

themaManager - edit and manage...