Adjusting Header Height « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Brightbox

Adjusting Header Height

6 posts from 4 voices

Started 1 year ago by devilstar1987
Latest reply from Dude
This topic is not a support question

Tags:

devilstar1987
Member

Hi,

What CSS should I replace to change the height of the header area?

Cheers

Chris

Posted 1 year ago #
Chris Beard

Hey,

could you link me to your site or provide an image and elaborate please? It's hard to comprehend what you mean by header without a visual.

Posted 1 year ago #
devilstar1987
Member

http://www.pixelcove.co.uk/pixels

The header is the area where the logo and search bar are located?

Cheers

Chris

Posted 1 year ago #
James Morrison
Former Team Member
Hey,

You need to add a CSS declaration to adjust the header height. Open up /css/custom.css and under the line that reads:

/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

add this code:
```
#header {
    height: 100px;
}
```
Obviously, adjust the height (100px) as required. You may also find as a knock on effect that other elements need adjusting, if this is the case I recommend installing FireBug to assist you in finding the elements to change.

James
Posted 1 year ago #
devilstar1987
Member

Thanks for the reply!

I've already attempted this, however the height doesn't seem to want to go below 93px which is very odd

Edit - Messing around with the style.css some more it seems that .container_wrap, #wrap_all { display: table; } is somehow forcing the height of the header to be 93px, when I disable this rule I can set the header to any height I wish but it obviously messes up the entire site layout.

any ideas?

Cheers

Chris

Posted 1 year ago #
Dude
Dude

Please add the code to css/custom.css and leave it. We'll investigate why it doesn't work...

Posted 1 year ago #