Change the custom block title background color

[kbadrinath]

Title block of every block can be chnage via eiting the global.css

 

div.block h4 {

text-transform: uppercase;

font-family: Helvetica, Sans-Serif;

font-weight: bold;

font-size: 1.2em;

padding-left: 0.5em;

border-bottom: 1px solid #595A5E;

padding-top: 2px;

line-height: 1.3em;

color: #374853;

height: 19px;

background: transparent url('../img/block_header.gif') no-repeat top left

}

 

 

but say I want a block in some specific color then what to do like - CATEGORIES in blue and Contact us in say green then what need to change?

i tried making inline color for them in the tpl file but it doesn't work even tried to change the class

 

div.block tilte_green h4 {

text-transform: uppercase;

font-family: Helvetica, Sans-Serif;

font-weight: bold;

font-size: 1.2em;

padding-left: 0.5em;

border-bottom: 1px solid #595A5E;

padding-top: 2px;

line-height: 1.3em;

color: #374853;

height: 19px;

background: transparent url('../img/block_header.gif') no-repeat top left

}

 

and call the class="tilte_green " but it doesn't make any changes

[NemoPS]

the categories block should have this id: #categories_block_left

 

should

 

In any case, be sure that rule is applied AFTER the simple title block one, OR it has more specificity, OR use the !important keyword for the background