MyBB Community Forums

Full Version: Board Wrappers
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Is it possible to add wrappers to the CSS?
What I have is this that I used on a proboards forum. I would like to apply it to MyBB forum but I can't find anything about wrappers in the CSS.

Any help would be appreciated.

#wrapper {
margin-left:auto;
margin-right:auto;
margin-top:50px;
margin-bottom:50px;
border: 10px solid #332211;
-moz-box-shadow: 0 0 10px 15px #bb8866, 40px -30px #ffdd77, 40px 30px 50px #ffcc88 , -40px 30px #ddcc99 , -40px -30px 50px #998877;
-webkit-box-shadow: 0 0 10px 15px #bb8866 , 40px -30px #ffdd77 , 40px 30px 50px #ffcc88 , -40px 30px #ddcc99, -40px -30px 50px #998877;
box-shadow: 0 0 10px 15px #bb8866 , 40px -30px #ffdd77 , 40px 30px 50px #ffcc88 , -40px 30px #ddcc99 , -40px -30px 50px #998877;
}

And it would look like so
[Image: th_waiting_zpsf2c3f7af.jpg]
Yes you can wrap things around to achieve desired width.
Just use the css code
.wrap {
width: your width;
}
add the class in HTML thats it.
Thank you. I shall give that a try.
Instead of using this to center your content:
margin-left:auto;
margin-right:auto;
margin-top:50px;
margin-bottom:50px;

Use this:
margin: auto auto;
Thank you.
Or simply only margin: auto
Thank you Smile
It was actually simpler than I thought. I merely added the
margin-left:auto;
margin-right:auto;
margin-top:50px;
margin-bottom:50px;
border: 10px solid #332211;
-moz-box-shadow: 0 0 10px 15px #bb8866, 40px -30px #ffdd77, 40px 30px 50px #ffcc88 , -40px 30px #ddcc99 , -40px -30px 50px #998877;
-webkit-box-shadow: 0 0 10px 15px #bb8866 , 40px -30px #ffdd77 , 40px 30px 50px #ffcc88 , -40px 30px #ddcc99, -40px -30px 50px #998877;
box-shadow: 0 0 10px 15px #bb8866 , 40px -30px #ffdd77 , 40px 30px 50px #ffcc88 , -40px 30px #ddcc99 , -40px -30px 50px #998877;
}
underneath container background and it worked beautifully.