XF 1.5 Page Width Controller - Fixed Width Style

[rosal]

How can i put my forum like the xenforo style: -- Fixed Width Style

I like the center forum, but in the Page Width Controller i dont know what is the right values.

_width: 976px;
_margin: 0 auto;
box-sizing: border-box;

Best Regards

 

[Optic]

Hi @rosal there should be a width box just above that Miscellaneous section you quoted, just put in your pixel width inside the width box.

 

[rosal]

Hi @rosal there should be a width box just above that Miscellaneous section you quoted, just put in your pixel width inside the width box.

But what values xenforo.com style: -- Fixed Width Style is using?

 

[Optic]

Looks like 1100px:


Edit: also yes, best to use max-width to keep it responsive.

 

[rosal]

Optic that worked, but its adjusted to the left, how to center like here?

 

[rosal]

Here is the example:

 

[Optic]

Hi @rosal, type in auto for Margin left and Margin right.

 

[rosal]

That auto did the trick, thanks for all

 

[rosal]

In desktop its ok, but in mobile devices this break all layout

So the xenforo.com its using another values.

 

[Paul B]

Point 1 of the FAQ explains how to get a fixed/max-width layout: https://xenforo.com/community/threads/frequently-asked-questions.5183/#post-181037

To ensure it works with all screen sizes, use max-width and enable responsiveness: https://xenforo.com/community/resources/responsive-design.2193/

 

[rosal]

Ok i changed for this:

max-width: 976px;
_margin: 0 auto;
box-sizing: border-box;

And auto for Margin left and Margin right, and now its working all ok, i have to do more anything?

 

[Paul B]

Remove the _ from the margin declaration:

max-width: 976px;
margin: 0 auto;
box-sizing: border-box;

 

[rosal]

Ok, now i understand the _ is like value that is not in using, i have changed all values to default the right and left and only change the Miscellaneous box field to this

max-width: 1100px;
margin: 0 auto;
box-sizing: border-box;

And all working ok, thanks for all