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.

my logo/banner

edited January 2007 in Vanilla 1.0 Help
Wondering what I change in vanilla.css to allow my banner more room down the page; and also to lower my navigational tabs (i.e. discussions, search, categories, etc). TIA.


  • Options
    Can't help with your CSS issue but I can tell you that banner pic needs to be wider.

    On my 17" PowerBook with the browser window at about 70% of the screen width, it starts to repeat.

    Posted: Tuesday, 2 January 2007 at 4:06PM (AEDT)

  • Options
    edited January 2007
    in the vanilla.css file change this
    #Header { background: url(beatles.jpg); background-color: #000; }

    to something like this
    #Header { background: url(beatles.jpg); background-color: #000; height: 200px; }

    i would also recommend that you use a pixel stretch to fix the background problem
  • Options
    edited January 2007
    Pixel stretch... *shudder*

    Better to just have it not repeat IMO, just use
    #Header { background:#000 url(beatles.jpg) no-repeat; height:200px; }
    Also, the code that Vincent gave you has a stray comma ' in it that will break it. I see you've fixed it now ;)
  • Options
    edited January 2007
    thanks wanderer, vincent and stash for your help. Stash I used the code you posted above - but there are problems. I am still tweaking the 200 pixels thing to get it right....but the navigational tabs are too high up the page. Any hints on how to move them down? PS - what part of the css do I need to tweak to push the 'signed in/not signed in as' text at the top right (ie below the banner) down the page a bit?
  • Options
    #Header ul {margin-top:26px;} div#Session {margin-top:12px;margin-right:8px;}
    Did it for me. You may need to find the correct place in your CSS to put this (the Right Way to do it) or you could just stuff it in at the end of the file (the Wrong Way, but should work).

    The second line makes the "Sign In" link at the top right sit on the white of the page rather than the picture header.
  • Options
    Many many thanks, Stash! It works a treat now. Best wishes.
  • Options
    My pleasure, and what'll you know, it even works in IE6 image
This discussion has been closed.