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 Moderator 4 years, 9 months ago]

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 Participant 4 years, 9 months ago]

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

<?php

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

[@robin-w Moderator 4 years, 9 months ago]

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 Participant 4 years, 9 months ago]

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

[@robin-w Moderator 4 years, 9 months ago]

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 Participant 4 years, 9 months ago]

Brilliant thank you!

Community

[@robin-w Moderator 4 years, 9 months ago]

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 Moderator 4 years, 9 months ago]

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

[@webcreations907 Participant 4 years, 9 months ago]

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 Participant 4 years, 8 months ago]

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)