[romanski]

Hi Joe,
I started using WP just recently and also am using twenty seventeen. I run into the same dilemma on how to make the pages a bit wider, especially the bbPress forums.
I am completely new to CSS coding but after scouring the forums for some solutions I found this:
1. In your dashboard click Appearance>Edit CSS
2. At the end of what’s there, on a new, line insert this code:

/* wider wrapper in large screens */

@media screen and (min-width: 48em) {
.wrap {
max-width: 1200px;
}
}

You can play with the number in front of “px” to see what fits your needs.
One caveat though is that it will widen all the pages in the theme and I don’t know how to apply this code to specific pages, and I’m sure there is a way.

The beauty of this theme is that you can put this code (or any) in the CSS editor and you see the result immediately, you don’t like it, delete the code no harm done.
Hopefully this helps.

cheers
Roman

[laurafr]

Hey guys,

maybe someone of you can help me…we´ve changed our theme (to “News magazine”), and after the change the forum replies (not the first one of a topic) are white on white and only if you hover over the font, you can see the text. Like here: http://ratgeber-umschulung.de/umschulungsforum/thema/umschulung-labor/ Does anybody know what we can change in the CSS to fix the problem without changing the Theme back?

We´d be happy for some hints…

thank you in advance and have a nice weekend!
Laura

[jiggyflyjoe]

Hello all,

I’ve been browsing around looking for some solutions to help me out with this situation but can’t seem to find any. I’ve switched my website AlmostEpic.net over to the beautiful Twenty Seventeen theme. I really like everything that the theme has accomplished except one small caveat: bbpress is now displaying <i>extremely</i> narrow!

I’ve tried the trick that includes going into bbpress.css and changing the float and width but it’s already set at 100%, which leads me to presume that it’s actually an issue with the theme and not bbpress. Can anyone assist me with finding a workaround for this? I’d really like for my site’s forums to display full-width but everything else can pretty much be left alone.

Thank you in advance!

[figoo]

bbPress version: 2.5.11
My Site: http://figoocraft.de/forum-3/
Theme: Sydney

Hello everyone,
I am trying to change the size of my font in bbPress.I tried editing the bbpress.css file in: content/plugins/bbpress/templates/default/css
First I edited the Size of the bar that holds the topics, that worked perfectly.

Then I tried to edit the overall size of all fonts, so I changed:

#bbpress-forums {
font-size: 12px;
}

To:

#bbpress-forums {
font-size: 16px;
}

That didn’t change anything, so I tried to copy the bbpress.css to my themes directory as that’s what’s mentioned in the documentation. That neither changed anything, so now Im wondering what am I doing wrong?

[btranslation]

WordPress Version 4.7.1
bbPress Version 2.5.12
Theme: Hayden
https://bible-translations.com/forums/

Hello, I am having great difficulty getting any widgets to appear in my Forums sidebar. I believe now that it relates to the page I have bbPress running on. After initially installing bbPress I later added a new page and added [bbp-forum-index] as directed to do in the documentation. However, when I’ve tried to use the Forums page id to exclude the Forums link from automatically appearing in the footer it did not work. Also I had to use (.bbpress) in my css to style the header of the page as .page-id- was not working.
My issue still occurs when tested using Twenty Seventeen.

[Robin W]

your theme is re-writing the classes used by bbpress.

Put this into the custom css – either of your theme if it has a custom css area, or into the custom css tab in my style pack plugin settings

.x-bbp-search-form {
    background-color: #ffffff !important;
    }

.bbp-forums ul, li {
background-color: #ffffff !important;
}

[scottwiggins17]

I’ve searched and tried everything I can find to change the background colors and font colors of my bbpress forum. Right now it is copying the dark format of my X theme settings, and it has a black background with black font color and nothing is visible.

I installed the bbpress style pack but nothing changes when I mess with color schemes inside the style pack. There has to be an easy way to change background colors with out complicated css. I’m not at all familiar with css, so please dumb it down for me if this is what I need to do.

Please help!
thanks,
Scott

[TheDream18]

Example:
TOPIC A
– Post 1
– Post 2
– Post 3
– Post 4

Simple added this code css:
/* Display sub-forums in separate lines */
#bbpress-forums .bbp-forums-list li {
display: list-item !important;}

[stagezero]

Hello,
I have used Image Upload for BBPress to upload and attach image to forum.
my problem is image is not responsive. It will just shrink its width. I tried playing with firbug and remove image attributes and set max-width to 100%.
It works… Now my problem is which file to edit and how. Im not a coder. I just learned css and have little understanding on php…

[thomasadamtaylor]

Thank you for the quick response, I have done this. Okay so the first picture is the index of the forum and I want the exact same style with css

The bottom pic is the latest post on the homepage of the website.

visit Latest Post for the latest post section and for the forum index its Forum Index

Thanks

[Robin W]

it is your theme doing this

it sets a css rule

.entry-content {
width: 71.4286%;
}

and considers bbpress to be entry content.

you could try setting this to 100% – it will work for the forums page, but you’d need to check that it doesn’t upset another part of the site

it looks like you have child theme configurator that will let you have custom css, so put this in it

.entry-content {
  width: 100%;
}

if that doesn’t work try

.entry-content {
  width: 100% !important;
}

come back and let us know

[phil96]

Hi, I’m having an issue with how bbpress displays on my website. Im using the divi theme with the latest bbpress plugin and wordpress version.

The border is misaligned on the left and bottom (see link below). I have tried css to fix it but with no luck. I think its to do with the padding. Anyone know how to fix this?

https://www.dropbox.com/s/fxizzkhjh285l4r/Screenshot%202016-12-23%2016.59.45.png?dl=0

Thanks for any help!

[Bruce]

bbpress Version 2.5.12
wordpress Version 4.6.1
TwentyThirteen-Child theme

You’ll see I don’t know what I’m doing here. What follows is what I tried.

I put the following into my 2013 child theme:
1. a folder titled “bbpress” which contained the following all copied from the bbpress plugin folder:
2. a folder titled “bbpress”
3. a folder titled “css”
4. a folder titled “extras”
5. a folder titled “js”
6. a file titled “bbpress-functions.php

I replaced the top of the bbpress.css file which was in the “css” folder with this:

 /*
Theme Name: bbpress bbpress-child
Theme URI: http://neighborsconnect/neighborsnation/wp-content/themes/twentythirteen-child/bbpress-child/
Description: bbpress-child theme for bbpress
Version: 1.0
Author: Bruce Wilson
Author URI: http://neighborsnation.org/
Template: bbpress-default
Tags: bbpress, bbpress-child
*/ 

Then I increased the font-size for the bbpress forums from 12 px to 20px and other such changes to see if it worked.

Surprise! Surprise! It didn’t work.

What do I need to do to make it work?

~ Bruce

[laalpert1]

Hello –

I’ve created a copy of bbpress.css in my child theme’s folder, but edits to this file don’t seem to be taking precedence over the child theme’s css file. Possibly something to do with the enqueue function in the child theme’s functions file, but I don’t know enough about that to check that.

I’m using WP version 4.6.1, bbPress version 2.5.11 and a custom child theme. The site’s forum page is here: http://www.amersa.org/forums.

The child theme functions file includes this function:

if (!function_exists(‘inspiry_enqueue_child_styles’)) {
function inspiry_enqueue_child_styles(){
if ( !is_admin() ) {
// dequeue and deregister parent default css
wp_dequeue_style( ‘parent-default’ );
wp_deregister_style( ‘parent-default’ );

// dequeue parent custom css
wp_dequeue_style( ‘parent-custom’ );

// parent default css
wp_enqueue_style( ‘parent-default’, get_template_directory_uri().’/style.css’ );

// parent custom css
wp_enqueue_style( ‘parent-custom’ );

// child default css
wp_enqueue_style(‘child-default’, get_stylesheet_uri(), array(‘parent-default’), ‘1.1’, ‘all’ );

// child custom css
wp_enqueue_style(‘child-custom’, get_stylesheet_directory_uri() . ‘/child-custom.css’, array(‘child-default’), ‘1.1’, ‘all’ );

}
}
}

Is this what’s causing the issue? Thanks.

[akgt]

Im wanting to add a forum to my wordpress site, I dont know how much it will grow but i want it to be flexible, i’m not a coder or designer, I only know the basics,

I know in the past bbpress had a lot of issue and was lacking in features but i’m assuming this must be possible now.

Im wanting a good looking full featured forum as good as any stand alone forum(xenforo, phpbb, mybb).

can this be done ?
if so how ?
How can I add the extra feature without bloating the site ?
Can i download any pre made bbpress.css ?

any good example

[hopecenter]

I am having a problem with bbPress Forums, the form / buttons don’t match my theme.

1. FORUM PAGE doesn’t display properly — there are little bullet like circles in front of all of the text items on the page. They shouldn’t be there and I would like to get ride of them.
2. BUTTONS — SEARCH and SUBMIT buttons on forum page did not inherit my theme (on registered users page) — http://www.thehopecntr.com/groups/
3. SUBSCRIBE LINK TEXT overlaps breadcrumb navigation on Forums pages

My theme has a place for me to enter Custom CSS. Can someone kindly provide me with a fix or CSS for this problem. Thank you.

[Stephen Edgar]

Not so much what I need, it is what you need to help work out what the issue is 😉

At a quick glance it looks like the bootstrap.css is overwriting the bbPress CSS styles.

Can you make the topic a “sticky” again please:

This is the forum correct? EDIT: Removed URL

[oeroes]

Hi,

the content beneath Latest replies is aligned centered. Is it possible to align the text left? What custom-css I can use to achieve this?
I asked the support of the theme I use (Avada), but they tell me to turn you.

I’m using wordpress 4.6, bbPress-version 2.5.10-6063.
The link to my site is: http://psd2.nl/forum/

Thanks very much for your help!

Best regards,
Oeroes

[ico33]

Hi, I am not an expert so I ask you this question.

I need to increase font-size in bbpress forum in my wordpress site. I installed the plugin Simple Custom Css and add this code

#bbpress-forums .bbp-topic-content,
#bbpress-forums .bbp-reply-content {
    font-size: 14px;
}

Nothing happened. Then I changed adding a line

#bbpress-forums .bbp-topic-content,
#bbpress-forums .bbp-reply-content {
  display: list-item !important;
    font-size: 14px;
}

Now it works, in the Staging Copy of the site. Can you confirm this is a correct code? Or this code can generate any unexpected issue somewhere?

Thanks!

[Robin W]

Thanks for posting back

To remove the indent and the left hand border,
put the following into the custom css tab of the plugin

#bbpress-forums .bbp-forums-list {
  border-left: none;
  padding-left: 0px;
}

If you still want the border, then just

#bbpress-forums .bbp-forums-list {
  padding-left: 0px;
}

[bobtheturtle]

Not sure if helps, but this is the website forum that the topic is under.
http://www.iappadapt.com/forums/forums/general-discussion/ I am currently hiding the post via css

[pcpro178]

How do I integrate the single forum page into my site? The forums index page looks good, after some CSS customization, but I’m having trouble figuring out which file is responsible for the single forum display. This is probably easy to solve, but I’m a total noob at this. I’ve spent the last three hours reviewing the documentation and have gotten nowhere.

Forum Index: https://sopearly.com/forums/

Single Forum Example: https://sopearly.com/forum/introductions/

I’m not sure this is the correct question to ask, but where do I find a description of what these files do?

If I’m headed down a rabbit hole, please point me in the right direction. Thanks.

[pcpro178]

How do I integrate the single forum page into my site? The forums index page looks good, after some CSS customization, but I’m having trouble figuring out which file is responsible for the single forum display. This is probably easy to solve, but I’m a total noob at this. I’ve spent the last three hours reviewing the documentation and have gotten nowhere.

Forum Index: https://sopearly.com/forums/

Single Forum Example: https://sopearly.com/forum/introductions/

I’m not sure this is the correct question to ask, but where do I find a description of what these files do?

If I’m headed down a rabbit hole, please point me in the right direction. Thanks.

[imthinking]

I’m a solid 7.5 out of 10 on WP but 100% new to BBpress.

I plan on having about 15 categories with some 50 forums for each category on my site. The current default display isn’t easy to follow so I’m attempting to find a way to easily change the layout on the forum index display page.

However, I don’t want to show all of the forums as some are private to groups etc.

I’m looking to achieve this look on this page: http://theme-sphere.com/smart-mag/forums/

I understand CSS is involved here but I’m looking for a get me going fix.

How can I list multiple forum titles on one page. When I use the code [bbp-single-forum id=2733] and then use it again to show a different forum it will only show the first one.

Is this not possible with shortcode?

Could I create a graphic bar and separate groups of forum titles like in the page I linked to?

Thank you for whoever guides in the path of rest as I have exhausted these forums in an attempt to answer these questions.

🙂

[bt_dev]

Hello – We are using Betheme and have have a problem with the sticky menu display while browsing certain forums, but not all. In some forums, the menu will have a sizable gap above the menu once you’ve scrolled down the page. The menu should be aligned to the top of the page.

We have temporarily removed all our custom CSS to make sure that wasn’t conflicting.

The site is still in development, but I can supply a log in via PM to view the forum for trouble shooting.

Thanks in advance!