Skip to:
Content
Pages
Categories
Search
Top
Bottom

Full Width for bbpress forums root page


  • leopolds
    Participant

    @leopolds

    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.)

Viewing 7 replies - 1 through 7 (of 7 total)

  • leopolds
    Participant

    @leopolds

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

    https://dl.dropboxusercontent.com/u/534152/leopoldscom%20bbpress%20forum%20root%20page.png


    Robin W
    Moderator

    @robin-w

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

    http://codex.bbpress.org/step-by-step-guide-to-setting-up-a-bbpress-forum/#8-make-sure-bbpress-uses-the-page-template-we-want


    leopolds
    Participant

    @leopolds

    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

    @kepilif

    Also looking for a solution to this problem.


    Lumartist
    Participant

    @lumartist

    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

    @robin-w

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


    Stephen Edgar
    Moderator

    @netweb

    @robin-w wrote…

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

    Mine too :)

Viewing 7 replies - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.