Gap in header (Whitebox theme)

[Fat Rat]

My site at http://www.vanping.com/smf/ has a slight glitch, no matter what size I make the logo there is a gap between the header area and the menu bar.

I assume this is a value in a .css file? Could someone point me in the right direction please?

[Arantor]

It's not CSS related - the background image that makes up that corner (and the other corner) is only a certain height. You'd need to make the image itself bigger to solve that.

Themes/whitebox_202/images/id/header-l.png and Themes/whitebox_202/images/id/header-r.png are what would need to be changed, though you might have to handle some CSS afterwards.

[Gwenwyfar]

For the gap between the header and menu look up for

Code Select Expand


#header {
position: relative;
height: 230px;
overflow: hidden;
background: white url(../images/id/header-bg.png) 0 0 repeat-x;
}


The height defined there is different than your logo size, so there is an extra space below.

If you mean the gap on the left side that's under #logo a, the "left" value.

Though that entire setup is bound to have issues, so there's a few other ways you could remove the gap...

[Fat Rat]

Thank you, changing the value in index.css fixed it nicely