How to: No container, 100% full width on all bbpress pages

[iamtylerharris]

Hi all. I would like to make all of my bbpress pages 100% full-width with no container. I’ve spent some time muddling around with css that isn’t working and going through forums and codices to find dead ends. I appreciate any assistance you can provide!

[basanta]

Hi There,

Thanks for writing in!
The easiest way to do that, create individual bbpress pages with the slug name given in the bbpress setting page, I have attached a screenshot for that.

Chose your template you want to assign like Fullwidth or no-container as per your requirement add the BBPress short codes in the content area. I have attached a screenshot how to do that.

You can find all the short code for BBPress here : https://codex.bbpress.org/features/shortcodes/

Hope this works for you!

Thanks

[iamtylerharris]

Thanks for the reply @basanta! I followed your instructions however this resulted in an error as I have a page named /forum/ and the root for bbpress is /forum. I’m not sure what I’m doing wrong, this doesn’t seem to change any of the pages in bbpress, it only makes new pages that are fullwidth?

[basanta]

Hi There,

Can you please send us your Website login details in a secure note so that we can have a look on to it.

Thanks

[nabeel]

Hi again,

Thanks for the credentials. You can add the following CSS code in the Theme Options > Global CSS or in the Customizer via Appearance > Customize > Custom > Edit GLOBAL CSS

.bbpress .x-container.max.width {
    max-width: 100%;
    width: 95%;
}

Let us know how this goes!

[iamtylerharris]

Hi @nabeel this is working great. One final request, is it possible to have this not effect the header and footer?

[nabeel]

Hi there,

Just replace the previous code with this:

.bbpress .x-main .x-container.max.width {
    max-width: 100%;
    width: 95%;
}

Cheers!

[iamtylerharris]

@Nabeel & @basanta thank you both for being patient and helping me. My issue is resolved!

[nabeel]

Glad we could help.

Cheers!