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

How to adjust the space in top?

Garamond

Well-known member
#1
space.jpg

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

Garamond

Well-known member
#3
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.
 

Brogan

XenForo moderator
Staff member
#4
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.
Code:
#logo img {
    vertical-align: bottom;
}
 

Garamond

Well-known member
#5
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?
 

Brogan

XenForo moderator
Staff member
#8
The header background image should automatically align to the top.

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

Brogan

XenForo moderator
Staff member
#11
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.