[SOLVED]How can I add a new header on top of PS header

[Natam]

Now I added a picture (a yellow area) in #page in global.css but the result is overlapping between PS header and my new header. My intention is to make another header on top of PS theme's header one. please advice me how it made.

By the way, If I don't make a new header on top as above mention but I want to expand the gap between the top of page and flag, contact, site map icons line. How can I make it.

I'm using PS 1.3.1
the snap shot of my site
or
www.comworlds.com

Thanks
Natam

[laurentvm]

What is the html tag of your yellow box, i do not find it on your page?

[Natam]

Hi Laurentvm,

I put the whole line starting with "backgroung..." on to global.css

#page {
   background: url('../img/UHead.jpg') no-repeat top left;
   width: 980px;
   margin: 0 auto 2px auto;
   text-align: left
}

[laurentvm]

Ah ok i see,

Just put a div before

...

in header.tpl i think

in tpl:

in css :

#new_div {
   background: url('../img/UHead.jpg') no-repeat top left;
   width: 980px;
   margin: 0 auto 2px auto;
   text-align: left
}

[pasko]

Hi,

There is a simple free module to do that in our store.

Regards, :-)

[Natam]

laurentvm

I did as you suggested but it doesn't work

now yellow background is removed due to i took the the backgroud tag out from #page but the #new_div seems doesn't executed or may be

tag is in misplace.

[laurentvm]

specify a height: xxx px;

in the css or fill the div.

[Natam]

There is a simple free module to do that in our store.

Thanks Pasko, just tried it but it's design doesn't match with the theme.

[Natam]

Bingo !!

It's what I want.

Thank you very much laurentvm.

Best Rgds.,
Natam