How to adjust the space in top?

[raytrails]

How do I adjust the space marked in red, independently? It seems that by default the space is purely based upon the value you put in "Height of Header Logo".

 

[Paul B]

ACP Search: Height of Header Logo

 

[raytrails]

Which is what I already said, but I don't see this as a good way of controlling the vertical space - since it doesn't let you manually define it.

 

[Paul B]

What do you mean, it doesn't let you manually define it?
That's exactly what it does.

If you want to align the logo to the bottom, top, etc. just add some CSS to EXTRA.css.

#logo img {
    vertical-align: bottom;
}

 

[raytrails]

Well, my problem is the header background picture. I have placed it in center position, but when increasing the value in 'Height of Header Logo', it doesn't 'stick' to the top position but instead centers itself vertically, making it impossible to use a picture that's higher than the total space in the top (without loosing some of it in both ends).

Can I utilize some CSS in EXTRA.css to make the header background aligned to the top, and what would that code look like?

 

[Paul B]

#logo img {
vertical-align: top;
}

 

[raytrails]

That's for the logo, but what about the header background image?

 

[Paul B]

The header background image should automatically align to the top.

Can you link to the site so I can see what you mean?

 

[jmurrayhead]

That's for the logo, but what about the header background image?

Sounds like you possibly need to specify the background-position. 50% 0 or center top would set your background image to be at the top center of the header.

 

[raytrails]

I'll send you a PM

 

[Paul B]

This is resolved now.

What the OP actually wanted to do was overlap the bottom half of the logo with the navigation bar and forum.

So we finally settled on using position relative and top.