Hi,

I am using Twenty Fourteen and bbpress. How can I make the forums root page full width?

I want to remove the sidebar, center the content and remove the post-like forum names after the listing section. Basically, I want this page to act as a full-width page, not a post/forum listing.

My forums root page is http://leopolds.com/discussions/

I want it to look like http://leopolds.com/bbs/ (created using shortcodes)

Thank you very much.

(I was able to achieve full-width style in individual forum page by using widget visibility function. But this doesn’t work for the forums root page.)

[@leopolds Participant 10 years, 8 months ago]

This is the post-like listing I am talking about:

[@robin-w Moderator 10 years, 8 months ago]

find your themes full width page template and then follow the instructions below to get bbpress to use it

Step by step guide to setting up a bbPress forum – Part 1

[@leopolds Participant 10 years, 8 months ago]

Hi Robin,

thanks for the reply.

I did try to create a bbpress.php with full-width template pasted into it. But it is not exactly what I had in mind. Content is not centered, and there are still post-like forum listings.

Like now: http://leopolds.com/discussions/

The only thing changed was the removal of the sidebar. Is it possible the problem is with the Twenty Fourteen theme and its page templates?

Please help.

[@kepilif Participant 10 years, 6 months ago]

Also looking for a solution to this problem.

[@lumartist Participant 10 years, 6 months ago]

So, you want to have 100% width?

Search in your main style css, in general it is style.css, for this code-part:

.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content

There you can find “max-width:”

Change it to 100%.

If you do so, it might change other parts of your site as well. To prevent this you might want to add a new part to your css, and leave the above mentioned part untouched.

.site-content .forum .entry-header, .site-content .forum .entry-content, .site-content .forum .entry-summary, .site-content .forum .entry-meta, .page-content {
margin: 0 auto;
max-width: 100%;
}

[@robin-w Moderator 10 years, 6 months ago]

@lumartist – Good to have someone who is an expert on css on the forum – my css is rubbish !

[@netweb Keymaster 10 years, 6 months ago]

@robin-w wrote…

Good to have someone who is an expert on css on the forum – my css is rubbish !

Mine too 🙂