• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Changing the height of the header area

gmaister22

Active member
#1


I have changed the value here at Style Properties -> Header and Navigation -> Height of Header Logo but as you can see there is a huge gap now.

Any ideas how to move the forums up? and how i can move the logo a bit up too...it seems that i am having a really hard time to change everything...i'm used to IPB's style of editing that i could just change 2 css values and boom..that's it..i am having such a hard time here to edit those stuff...
 

Brogan

XenForo moderator
Staff member
#2
This is to do with your custom style.

I can see in Firebug:
#content .pageContent {
padding: 60px 20px 10px;
}

Changing 60px to 10px fixes it.

Style Properties -> General -> Content

For the logo, set the height lower or edit your logo image file canvas to position it exactly where you want it.
 

gmaister22

Active member
#3
This is to do with your custom style.

I can see in Firebug:
#content .pageContent {
padding: 60px 20px 10px;
}

Changing 60px to 10px fixes it.

Style Properties -> General -> Content
Shall i do that to a Child? or to the Parent skin? what's the difference? :(
 

gmaister22

Active member
#5
This is to do with your custom style.

I can see in Firebug:
#content .pageContent {
padding: 60px 20px 10px;
}

Changing 60px to 10px fixes it.

Style Properties -> General -> Content

For the logo, set the height lower or edit your logo image file canvas to position it exactly where you want it.
It should look like that:


By changing 60 to 10 it looks like that



it doesnt really move it up, it just removes some of the the container gap
 

Shelley

Well-known member
#6
It should look like that:


By changing 60 to 10 it looks like that



it doesnt really move it up, it just removes some of the the container gap
Have you tried looking in extra and adjust the following to 230px I see it set at 258px

Code:
#headerMover #headerProxy {
    height: 230px !important;
}
 

gmaister22

Active member
#7
Have you tried looking in extra and adjust the following to 230px I see it set at 258px

Code:
#headerMover #headerProxy {
    height: 230px !important;
}
Thanks! That worked :)

I'm confused. Some editing i really hard to be done...

I mean, applying that css on the parent skin didn't work, applying it to the child, it worked...so confusing...