[phil49]

Hi

I’ve been reading many posts on this forum and tried out many proposed solutions but to no avail up to now 🙁

I first started with the copy of an unmodified and renamed in “bbpress.php” “page.php” file at the root of my theme folder, then with another one with a slight modification of the code substituting the class “content-area”with “content-area-wide”, I then tried another method creating a subfolder in my theme and copying the above mentioned file as well as a modified “style.css” file.
The code was simply :
.content-area-wide {
float: left; margin-right: -100%; width: 100%}

@import url (“../twentyseventeen/style.css”);

Unless the code is not correct or the path or it’s syntax either, of course it didn’t work either.

Surprisingly, the page listing all the forums is using almost the full width, and looks exactly what I’m looking for anyway but as son as I get in one of the forums they are displayed as if on one column way and aligned on the left.
Same thing for the abovementioned page if I go back to it unless I refresh it…
I should point out that I don’t use or have any sidebar for these pages and I’m not concerned by this kind of problem like many other people!
As I’m not a master of the code, could anybody help me and describe each step to solve this frustrating issue so that I can follow each step and not guess intermediate steps considered as obvious are easy by the most learned guys !?

Thanks so much for our site subscribers

Regards,

Philippe

[fuse2701]

Hi,
i just installed the bbpress board and all seems to be quite good but there is a space at the left side of the board and i dont know how to fix this. i use the divi theme by elegantthemes.com, maybe its because of that theme?

I did not changed the bbpress css.

Link: http://www.my-synergy.org/schoeneiche-online/forums/

Thanks,
fuse2701

[lijitimit]

I am looking to change the buttons in the default text editor to those that appear in the fancy visual editor. My audience is overseas and are familiar with the “microsoft word” style of buttons. I have tried Enabling the visual editor however am experiencing issues with inline replies. I actually prefer the default text editor as it strips out copied html, so really I just need so fancy buttons. Can I do so with css or create a filter to call the other toolbar instead of qt_bbp_topic_content_toolbar ?

[tenabrae]

All the answers I can find to this question seem old and the solutions don’t work.

I’ve tried copying my theme’s full width template to my child theme and naming it bbpress.php
I’ve tried copying bbpress.css to my child theme and adding the CSS for article width to it and adjusting it to 100% (which works fine in the theme if I want to change ALL my content to 100%)

How can i get JUST my bbPress generated pages to be full width ? Currently i’m linking straight to the forums, should I be putting them in full width pages and generating them with short code instead as a workaround ?

Note: the bbpress.php override works fine but I can’t figure out how to override the .css that’s keeping the forum box small.

/* Arrange posts into grid structure on archive pages */
.archive article,
.blog article,
.search article {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-bottom: 3.33333%;
padding-left: 1.11111%;
padding-right: 1.11111%;
width: 33.33333%;
}

[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