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.

Question about styles...

edited June 2006 in Vanilla 1.0 Help
I am trying to develop my own style / theme. I created a #body tag to wrap all the #body elements in white. I'm not sure why it works on the disussion pages but not the Category or other pages. Any thoughts? I'm trying this out here:


  • lechlech Chicagoland
    no closing tags? didn't look at the source.
  • That's what I thought, but I haven't been able to track down the source of the missing closing tag.
  • I actually realize now that it looks fine in IE 7.0 but in Opera and Firefox it doesn't work correctly. :(
  • BenBen
    edited June 2006
    I think the problem could be because the content is floated. You need something below them inside the #Body div with clear:both; applied to it.
  • blizeHblizeH ✭✭
    It's probably a bad way of looking at it, but if you added one more discussion then the problem wouldn't be noticable anyway.
  • But I don't understand why it works properly on the disucssion pages, but not on the category or account pages. :(
  • The discussion page and search pages have a footer element at the end of the discussion or search results (1 of ...) which clears the floats above it, the categories and account panel don't.

    Try adding

    #CategoryPage #Body {
    or simply
    #Body {

    Other options to play with are height:inherit; for the outer div, or using the pseudo-class :after method. More info here and here.
  • Spectacular! Thanks Jackob_r. The overflow trick worked like a charm. I'm still pretty new to css so I've been having fun playing around with this. Thanks.
  • edited June 2006
    Wow Mark, your site template/style looks awesome. I am new to Vanilla - I was told about it today and have just installed it. Many many thanks to the developer/s of this script. OK, I want to make my installed vanilla board have a dark brown wraparound style, to tie it in with the rest of my site at: Your green wraparound look Mark, is exactly the look I seek - only in my case dark brown, as opposed to your green. I also want to use a logo at the top. What files need to be changed to get dark brown instead of green? And where do I install my logo at (ie what file?) Thanks for any guidance. Best wishes from Ireland.
  • edited June 2006
    UPDATE - I have sussed out how to change the background colour to dark brown (isn't that developer extension in firefox great for tweaking css sheets!) I am still unclear though where/how to add my logo at the top.
  • edited June 2006
    Hiya stranberries,

    Like you, I tried to figure out these things. Have you read the documentation about themes and styles.
    I am still reading and didn't tried but I guess it will be in themes/head.php. I think you have to create a new folder for you theme and copy head.php in it, and make your changes in this copy.
  • Dinaboff, thanks for that link. I am going to read it in more detail now. I am slowly getting there but i need to do a lot more tweaking to get it looking still looks like a dog's dinner at present. :)
  • edited June 2006
    "... but i need to do a lot more tweaking to get it looking still looks like a dog's dinner at present.
    Lol... That's looking good.
This discussion has been closed.