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

edited July 2008 in Vanilla 1.0 Help
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:

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


  • Options
    Thanks lament. Keep the posts coming. This stuff is useful for schlubs like me that don't have the time (or are too lazy) to read the documentation or trounce through the css.

    I've been meaning to look at some stuff, but work has been eating me alive.
  • Options

  • Options
    Couldn't resist bookmarking this one either.
  • Options
    This needs updating...
This discussion has been closed.