Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
HOWTO: removing the logo and expanding the header
lament
✭
was playing around with the CSS and thought I'd post how to expand the header and remove the logo (the "Lussumo Community" up top). this is ideal if you have your own header that you're using and don't want the .logo to get in the way.
additions/changes in bold:
additions/changes in bold:
.Logo {
text-align: center;
font-size: 22px;
font-weight: bold;
padding-top: 8px;
padding-bottom: 8px;
color: #000;
<b>display: none; /* add this hide the logo */</b>
}
.Head {
border-top: 1px solid #C7D3EA;
border-left: 1px solid #C7D3EA;
border-right: 1px solid #C7D3EA;
margin-left: 8px;
margin-right: 8px;
<b>height: 72px; /* add this to set your height and expand the header back to what it was, or even taller than before if you want */</b>
}
#MenuForum {
list-style: none;
padding-right: 7px;
<b>margin-top: 54px; /* changing margin to margin-top will put your navigation back to where it was, but will vary according to the height you set in the .head above. adjust until it lines up to your liking. the bigger the number, the lower it will be from the top. */</b>
text-align: center;
}
0
This discussion has been closed.
Comments
I've been meaning to look at some stuff, but work has been eating me alive.
Thanks!