MyBB Community Forums

Full Version: [Tutorial] How to change theme width?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Too many questions on this.

So how to change theme width?

Login to your Admin Panel >> Templates & Style >> Themes >> Choose your theme

When you done that click on global.css. After that find #container (it should be first opened but just for case).
Then you will see in options Width , change it to what ever you want.

Here is 940px.
I was also looking for this. I've just made this change. I've set the width to 980px.

Thanks for this tutorial. Smile
Tip: MyBB has a 20px of padding in each side (left and right), so, if you want to have a 1024px width, you need to:

1024 - 40 (20px padding left, and 20px padding right) = 984px

That's the width for 1024px (With 20px padding).

P.D.: I know, it's a silly thing xD.
(2014-05-29, 02:22 AM)eNvy Wrote: [ -> ]Tip: MyBB has a 20px of padding in each side (left and right), so, if you want to have a 1024px width, you need to:

1024 - 40 (20px padding left, and 20px padding right) = 984px

That's the width for 1024px (With 20px padding).

P.D.: I know, it's a silly thing xD.

to be honest, its not really silly the 20px padding was something, that i was try to figure what it is.

thank you, to you and jovan Smile

Edit: for people who are usingg Gze-Style like me, its not working. (Bugged)
I've been looking for this. Thanks. But it turns out to be this:
[Image: I7Fqbwu.jpg]

I like the default theme already, all I want to do is to set it up as Mybb community, narrowing the width of the container to look nicer.

Thank you for your help Smile
I tried the above instruction bit it isn't working.

Set the container to 940px but it makes no difference, it still pulls out far too wide. Is there anything else that could be doing this?

Thanks

EDIT: I've found the reason. Sorry can't delete this post.
I followed it, I made the Width 1024px and then added in the Extra CSS Attributes
I added
padding-left: 20px;
padding-right: 20px;

but still my forum has huge empty space in the right side and the left side is still the same but it did reduce the width of my forum. How I can make it to the center please?


Edit:-
Okay I figured it out, no one talks about that here Smile
margin was zero by default so I changed it to 
 
margin: auto auto;

and now my forum is in the center Smile