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

how to move website lower, but keep logoBlock height ?

erich37

Well-known member
#1
Hi,

I have been trying to move the whole website lower by about 50px , but not sure how to do this.
The only thing I have achieved is to move the Navigation-bar lower. But I can not get the body and the content of the website to move lower.

How to put a padding or a margin or some other CSS magic, so that there is a space of 50px between the "#logoBlock" and the other items of the website ?

I have put a shadow towards the "#logoBlock" which should remain its height as is (logo-height).
Code:
#logoBlock
{
background: #FFFFFF;
box-shadow: 1px 0 4px rgba(0, 0, 0, 0.4);
}
move_website_lower_keep_logoblock_height.gif




Appreciate your help!

Many thanks! :)
 

erich37

Well-known member
#3
Would adding this work?

Code:
margin-bottom: 50px;
yeah, but where to put it ?

Adding it to the CSS of "#logoBlock" is just moving the Navbar down, but not the other stuff of the website. By doing so, the Navbar is overlapping the breadcrumb and the Forum...
 

thumped

Well-known member
#4
i did this by changing the height setting for the logo image... very hackish, but works.

I'd definitely prefer a more elegant solution.
 

Steve F

Well-known member
#6
Header height is tied into the logo height by calculations, just increase the logo height then adjust logo if need be.
 

erich37

Well-known member
#7
quite hard to achieve this...... especially when you have a logo which requires a white-colored background.
The trouble is that the NavTabs are tied to the header....... :(