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