[dbushrod]

Disclaimer: I am a newbie!

I have searched for hours to try and find a seemingly basic way to change how bbpress fits into the dara theme, as you can see from the page below, it sits on the header bar:

Community

Is there anyone who could help me to get it to fit properly, please!

Dee

[Robin W]

your theme has a css rule

.content-wrapper.with-featured-image {
	margin: -4.7em 0 0 120px;
	padding: 1.3em 55px 0 1.9em;
}

Basically the ‘margin: -4.7em’ bit is causing the forum to show at a minus height, thus crashing into the header.

the forums page (https://badasscrafters.com/forums/) has the rule without-featured-image so is fine.

Do you have a ‘forums’ page – ie you have a page in your site which has the shortcode

[bbp-forum-index]

[dbushrod]

I can see
bbp – forums – index.php (which has this message when opened!

<?php

/**
* Do not modify the files in this folder.
*/

[Robin W]

ok, poorly asked question by me !

Let me try a couple pf questions, then I’ll see if I can help

1. in dashboard>appearance>menus how is the menu item ‘community’ set up. Is this a custom link or a forum or a page(look at the right hand side of the item in the menu part)
2. is community the only forum you are planning ?

[dbushrod]

In the menu it is set up as a forum and yes it is the only one im planning 🙂

[Robin W]

ok,

dashboard>pages>add new

give it a title of community

and in the content put

[bbp-single-forum id=4011]

and publish and view the oage

This should then show this forum in a page

if that works, then come back with the url and I’ll tell you what to do next

[dbushrod]

Brilliant thank you!

Community

[Robin W]

ok, I’d suggest you take the breadcrumb out as well – that’s the

Home › Forums › Community

So put this in your theme’s custom css area

div.bbp-breadcrumb {
	display: none !important;
}

[Robin W]

and then change the menu item from a ‘forum link’ to the page you’ve created

[webcreations907]

You could add the below CSS to get your forums off your header and make the forums fill the page width.

You’d want to add the code to style.css file, preferably in a child theme so that when you update you don’t have to re-add the code. Or if that theme has a options panel with a area to add custom CSS.

body.bbpress .content-wrapper .content-area {
    max-width: none;
    padding: 0 7px;
}

body.bbpress .content-wrapper, 
body.bbpress.no-sidebar.page .content-wrapper {
    margin: 0;
    padding: 0;

}

body.bbpress .site-content {
    padding: 30px 0;
}

Just thought I’d throw that out there as a option 🙂

[dbushrod]

Thanks for the help guys – looks like its all ok within the community page but when I click through to a topic, it jumps up to the header again like this:

Free Sewing Tutorials

Any ideas?

Dee :o)