Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #5190

    Hi,

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

    Cheers

    Chris

    #49169

    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.

    #49170

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

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

    Cheers

    Chris

    #49172

    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

    #49173

    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

    #49174

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

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Adjusting Header Height’ is closed to new replies.