Changing the height of the header area

[gmaister22]

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...

 

[Paul B]

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]

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?

 

[Paul B]

Have a read up on styles, etc: http://xenforo.com/help/styles/

If it's a commercial style then most people create a child and make their own custom edits to the child.

 

[gmaister22]

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]

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

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

 

[gmaister22]

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

#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...