Question about styles...

marklbishop

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: http://healthyschoolscampaign.org/community/

lech

no closing tags? didn't look at the source.

marklbishop

That's what I thought, but I haven't been able to track down the source of the missing closing tag.

marklbishop

I actually realize now that it looks fine in IE 7.0 but in Opera and Firefox it doesn't work correctly. :(

Ben

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.

blizeH

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.

marklbishop

But I don't understand why it works properly on the disucssion pages, but not on the category or account pages. :(

jakob_r

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 {
overflow:auto;
}
or simply
#Body {
overflow:auto;
}

Other options to play with are height:inherit; for the outer div, or using the pseudo-class :after method. More info here and here.

marklbishop

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.

strawberries

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: http://www.love2escape.com/multitrackers/ 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.

strawberries

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.

Dinoboff

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.

strawberries

Dinaboff, thanks for that link. I am going to read it in more detail now. I am slowly getting there www.love2escape.com/chat but i need to do a lot more tweaking to get it looking decent....it still looks like a dog's dinner at present. :)

Dinoboff

"... but i need to do a lot more tweaking to get it looking decent....it still looks like a dog's dinner at present.
Lol... That's looking good.