css template

[johnchristy]

hi

 

i need to change the color of the header.. i changed the left menu header bg color from global.css

 

/* BLOCK .block ******************************************************************************** */

.block {margin-bottom:20px}

#footer .block {margin-bottom:0}

.block .title_block, .block h4 {

padding:6px 11px;

font-size:12px;

color:#fff;

text-shadow:0 1px 0 #000;

text-transform:uppercase;

background:#383838;

text-align:left;

 

but where can i find the header block bg color css?

 

John

Edited January 31, 2013 by johnchristy (see edit history)

[PascalVG]

Seems to be in (yourtheme)/header.tpl

Find < div id="header" class="grid_9 alpha omega"...

and add here

style="background-color: red"

 

inside this div tag

< div id="header" class="grid_9 alpha omega" style="background-color: red" >

 

(If you don't like red, you can choose any other colour ;-) )

 

Pascal

[johnchristy]

no. its not the correct one. i need to change only the header block (menubar) home menu etc.

[PascalVG]

Ah, the menu.

 

Copy the file /modules/topblockmenu/blocktopmenu.tpl

to

/themes/(yourtheme)/modules/blocktopmenu.blocktopmenu.tpl

 

(N.B. create (yourtheme)/modules folder and (yourtheme)/modules/blocktopmenu folder if they not exist yet)

 

 

 

Then edit this new file (it overrides the original one):

find the

< ul class="sf-menu clearfix" >

 

tag and add like before the:

 

style="background-color: green"

 

inside this ul tag:

< ul class="sf-menu clearfix" style="background-color: green" >

Hope I understood your wish well this time.

 

Pascal.