Looking at doing something similar to the styling for categories, I'm asking the question on this post ...
Currently, using the hybrid news theme as my base, I've done this in front-page.css and front-page.php (for the headlines area) which I now think may be long winded after reading this post.
front-page.css:
.category-title1 {
font: 1.5em Tahoma, Verdan, sans-serif;
color: #333;
font-weight: normal;
margin: 0 0 5px 15px;
padding: 0 0 5px 15px;
background: #fff url(images/sect1.jpg) repeat-x;
border-bottom: 8px solid #99CC33;
}
.category-title1 a {
color: #333;
}
.category-title2 {
font: 1.5em Tahoma, Verdan, sans-serif;
color: #333;
font-weight: normal;
margin: 0 0 5px 15px;
padding: 0 0 5px 15px;
background: #fff url(images/sect2.jpg) repeat-x;
border-bottom: 8px solid #CC3333;
}
.category-title2 a {
color: #333;
}
.category-title3 {
font: 1.5em Tahoma, Verdan, sans-serif;
color: #333;
font-weight: normal;
margin: 0 0 5px 15px;
padding: 0 0 5px 12px;
background: #fff url(images/sect3.jpg) repeat-x;
border-bottom: 8px solid #FF99FF;
}
...
Etc. for 6 categories ...
front-page.php:
<?php $cat = get_category( $category ); ?>
<?php
switch ($cat->name) {
case "Bollywood":
$colorclass = '<h3 class="category-title1">';
break;
case "Debate":
$colorclass = '<h3 class="category-title2">';
break;
case "Fashion":
$colorclass = '<h3 class="category-title3">';
break;
...
case statement for the 6 categories.
url:
http://204.13.53.139/~testing/
Looking at the CSS styling option you mention I think it will be leaner and better. Could you please give me an example of how I can use that for this?
I also want to use the same colours throughout the site for each of the categories e.g. put a colour bar at the top of the post for the category etc.
Many thx
Indi