XF 2.2 Full width page

[stromb0li]

Is there an easy way to allow one page to be full width with the default XenForo style?

 

[Mr Lucky]

By full width do you mean full width of the browser? I think you would just put a very large maximum width in Style Properties > Page setup > page width.

But if you mean no sidebar, then by default a page node is full width because there is no sidebar (unless you add one by adding some widgets ).

But if you mean something like the forum list page, you just need to make sure there are no widgets assigned and the there will then be no sidebar.

 

[stromb0li]

Let's pretend this screenshot represents a page (I understand it is not a page, but again let's pretend it is). I want the width of this page (not all pages, only this one) to be 100%.

What is in red is the current width I'm looking to change from X width to 100% / what's should fill the green rectangle:

 

[Mr Lucky]

My first answer should do it then

EDIT: oh wait, just that one thread?...

 

[stromb0li]

EDIT: ah just that one thread?...

Page, but yes. I don't want to maintain a full separate style just for one page to increase its width.

 

[Mr Lucky]

Try this in extra.less (where 12345 is your thread id)

[data-content-key="thread-12345"] .p-body-inner

{max-width:10000px!important}

EDIT: looks like it doesn't need the !important maybe

 

[stromb0li]

Try this in extra.less (where 12345 is your thread id)

[data-content-key="thread-12345"] .p-body-inner

{max-width:10000px!important}

This is for a Page, not for the threads view. I do not want to extend the width of threads view, I want to extend the width of a page.

 

[Mr Lucky]

This is for a Page, not for the threads view. I do not want to extend the width of threads view, I want to extend the width of a page.

But your screen shot above showed a thread view.

 

[stromb0li]

But your screen shot above showed a thread view.

Original ask; with stress that I'm not looking for thread view.

Let's pretend this screenshot represents a page (I understand it is not a page, but again let's pretend it is). I want the width of this page (not all pages, only this one) to be 100%.

 

[Mr Lucky]

Same would apply for a page depending on the data content key id

[data-content-key="page-123"] .p-body-inner

{max-width:10000px}

This is something I do but I do find it better to make an extra style and choose that in the node setting to override the default style. If it's a child style it is easy just one setting, no maintenance required.

 

[stromb0li]

Creating the child theme worked. This also worked as part of the template html for the page:

<xf:css>
.p-body-inner{
    max-width:10000px!important
}
</xf:css>

Thank you!

 

[Mr Lucky]

We got there! Yay

 

[stromb0li]

We got there! Yay

I honestly didn't know the child themes were an option. Is there a way to hide the child theme name if it's being used as an override?

 

[Mr Lucky]

I honestly didn't know the child themes were an option. Is there a way to hide the child theme name if it's being used as an override?

Yes you just disable user selection, it won't appear in the style chooser. I've also used for for noindexing specifically pages by editing PAGE_CONTAINER for a no index child stylestyle.

 

[stromb0li]

Yes you just disable user selection, it won't appear in the style chooser

View attachment 302283

Ok cool -- I must only be seeing it since I'm an admin. Didn't log out yet