header height

[greenmile00]

Hi there everybody.
First of all, I want to thank Sayontan for the wanderful theme he has developed, which I am using and all i can say is that it is a great one.
My question is related to the height of the header, which i cannot control in different pages. I set in the admin settings (under skinning- header) the height to 255px, and it works just fine for every page. I want to know how to make it 100px for a single page. I know the id of the page and everything, but do not know what to add in custom include under the back-end settings.

The website I am trying to build is http://smartdesign.com.ro, but unfortunetly it cannot be visited yet ... some of the companie's policies ... so please, if you can help me it would be great.

[drake]

You need to address:

Code: Select all

.page-id-XXX #header {height:100px;}

where XXX is the id of the page.

[greenmile00]

You need to address:

Code: Select all

.page-id-XXX #header {height:100px;}

where XXX is the id of the page.

Thank you drake for your reply, but unfortunetly I have already tried this code, and it does not work. I also tried with .page-id-xxx #header.container {height:100px;} and still does not work.

[greenmile00]

Thanks all, solved it

the needed code was:
.page-id-xxx #header {min-height:100px;}

[drake]

With "min-height" tell to extend the header more than 100 px if the content of header don't fit, with "height" force the header elements to fill just the specific height. Depends of situation both properties can be applied. By example, with "min-height" the nav-bar will float below the header image, with "height" I can force the nav bar to came over the header image.

[Colin]

Don't forget that some versions of IE don't understand min-height and they interpret it as height so make sure your 100px looks OK on all versions of IE.