Full Width Header, 800px Body

[PukkaBen]

I'm not sure if this is going to be possible period but I'd like my header to run 100% and the body to run 800 or so wide as I have my whole forum setup at the moment. I have attached an image to show this, but please don't be fooled this is something I made in photoshop, you can see my actual forums at http://www.pukkaradio.net.

I'd like to get them exactly as shown in the image and it would be awesome if I could get them that way!! If anyone has any knowledge on this it would be much appreciated.

[Lynne]

set your body width to 100% (you currently have it set to 952px or something like that). Then, give a left/right margin to the class .body_wrapper. You can look those up in the templates and see if they use stylevars.

[PukkaBen]

Thanks for the reply Lynne. I'm not sure what you mean by the left/right margin to the class .body_wrapper. Where would I look for these? Just do a search in templates?

--------------- Added 1264883750 at 1264883750 ---------------

I have found this...

.body_wrapper {
padding: 0 {vb:math 2 * {vb:stylevar padding}} {vb:math {vb:stylevar padding}*2};
background: {vb:stylevar body_background};
-moz-border-radius: {vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
}

But I have no idea what to change or anything!! Would there be a way to keep the main width of it to 952 or would that be totally gone as it would depend on the width of the users screen? I.E. I'm just setting a set width either side as padding rather than the width of the middle?

[Lynne]

You need to add a margin to that class. You can add this to the very end of that css file where you found it.
.body_wrapper { margin: 0 20px;}

[PukkaBen]

Thanks Lynne!!

[Bram H]

Having the same questions but don't understand the answers. Where do i find this class .body_wrapper thingy?

[Lynne]

Having the same questions but don't understand the answers. Where do i find this class .body_wrapper thingy?
Do a Search in Templates for ".body_wrapper" and you will find it defined.

[Bram H]

Then i get 3 hits:

stylegenerator.css
userprofile.css
vbulletin.css

[Lynne]

And did you look in those templates to see where the margin is defined?

Or, just change it in the additional.css template.

[Bram H]

For you its all easy to do but for us earthlings we need a little more info how to do this :)