Advertisement:

Author Topic: Gap in header (Whitebox theme)  (Read 427 times)

Offline Fat Rat

  • Semi-Newbie
  • *
  • Posts: 36
Gap in header (Whitebox theme)
« on: January 19, 2018, 08:07:41 AM »
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?

Offline Arantor

  • Resident Overthinker
  • SMF Friend
  • SMF Legend
  • *
  • Posts: 68,361
    • Arantor on GitHub
Re: Gap in header (Whitebox theme)
« Reply #1 on: January 19, 2018, 08:11:27 AM »
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.
To assume is to hope that those who came before had the presence of mind and capacity to implement the dreams of those who would come after.

You either die a hero or live long enough to see yourself become the villain. It seems you have chosen which, and now I must do the same.

Offline Gwenwyfar

  • Customizer
  • Sophist Member
  • *
  • Posts: 1,049
  • Gender: Female
    • Gwenwyfar on GitHub
Re: Gap in header (Whitebox theme)
« Reply #2 on: January 19, 2018, 08:27:41 AM »
For the gap between the header and menu look up for

Code: [Select]
#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...

Offline Fat Rat

  • Semi-Newbie
  • *
  • Posts: 36
Re: Gap in header (Whitebox theme)
« Reply #3 on: January 19, 2018, 09:09:45 AM »
Thank you, changing the value in index.css fixed it nicely  :)