[wpgerd]

Hello,

@clarasebeste
Thanks for you answer, but as you can see on the screenshot, bbpress has already a breadcrumb.

@robin-w
Thanks for this interessting Plugin. I test it with my Test-WP and identify this code for placing the subscription-toggle in the right:

.subscription-toggle {
float:right;
}

Add this in my childtheme/css/bbpress.css and it works. Thanks.

Found also in the extras a nice looking loop-forums.php for displaying the complete forum 😉

Gerd

[mnhfile]

after i change colours of the headers the bbpress not loading any style . the whole style sheet gone .

You may look at this studylocus.com/forums

Picture

[IMG]http://i60.tinypic.com/28bgwh3.png[/IMG]

[Hector]

hi @giantqtipz, in wp-content/plugins/bbpress/templates/default/css/bbpress.css

search line 121:

#bbpress-forums .bbp-forums-list li {
display: inline ;
font-size: 11px;
}

Changing the display: inline to display: list-item

regards 😉

[K-Path]

This is the HiddenCity website that I want to rebuild completely in WordPress/bbPress.
http://ecopsi.org/

This is plain a vanilla copy of Twenty Ten theme modified with the bbPress forum plugin.
http://ecopsi.org/journal/

I started out with html/css/javascript to skin the domain it’s loaded on. With WordPress added on a few years later and the bbPress added last year. To say the least I am not happy with the result. My work is conceptually flawed and poorly executed. The only good thing is that I learned a lot about WordPress and bbPress.

With the 2015 presentation of a rebuilt HiddenCity website I intend to adopt the style of Montezuma theme while keeping the data and livery (colors and logo). The following link is an example of how I want the prototype bbPress forums on my personal site to look except with the Montezuma theme. After I’ve got it worked out on my personal site I’ll use what I’ve learned to upgrade the HiddenCity site.
http://cultivators-forum.com/forum/growers-forums/

This is the only part that I’m not sure is possible. I want to make the following modifications.

• forum topic to be the posts
• categories to be forums
• comments are replace by replies to the post

In this case the the beginning of the last three or four replies showing with the topic again which appears as a post. The unregistered User can only see a static page and a forum for newcomers. I shouldn’t have to do anything to the Montezuma theme aside from the mods needed to make WordPress/bbPress execute the list above and tweak its colors to match the corporate livery of The HiddenCity Foundation.

Thank you.

PS — I don’t mind compensating someone for their time and attention in order to get this done.

[Robin W]

yes, you have a choice

1. You could put it in your style.css – that is a file called style.css that you will find in your theme

wp-content/themes/%yourthemename%/stle.css

where %yourthemename% is the name of your theme

Just drop it at the end.

This will then override the code in bbpress.css, and is the easiest way

2. Otherwise you can create a directory called css in your theme

/wp-content/themes/%yourthemename%/css

and copy the existing bbpress.css across to get

/wp-content/themes/%yourthemename%/css/bbpress.css

but here’s the thing, you then need to find and edit the existing display lines, just adding code will give two sets, and your maybe won’t take preference

the lines you are looking start at line 904 and say

/* =Revisions
-------------------------------------------------------------- */

#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log,
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log,
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log {
	border-top: 1px dotted #ddd;
	width: 100%;
	margin: 0;
	padding: 8px 0 0 0;
	font-size: 11px;
	color: #aaa;
}

#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log li,
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log li,
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log li {
	list-style-type: none;
}

you just need to edit that to

`/* =Revisions
————————————————————– */

#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log,
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log,
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log {
Display : none ;
}

come back if we can help further

[Leonyipa]

yes, but it doesn’t work 🙁

I also found the code is in
/public_html/wp-content/plugins/bbpress/templates/default/css/bbpress.css

I directly change the number of

#bbpress-forums div.bbp-topic-content img,
#bbpress-forums div.bbp-reply-content img {
max-width: 100%;
}
However, no matter what number I change to, it still doesn’t work.
The width of the image still remain 100%

[Leonyipa]

I also found the code is in
/public_html/wp-content/plugins/bbpress/templates/default/css/bbpress.css

I directly change the number of

#bbpress-forums div.bbp-topic-content img,
#bbpress-forums div.bbp-reply-content img {
max-width: 100%;
}

However, no matter what number I change to, it still doesn’t work.
The width of the image still remain 100%

[Stephen Edgar]

This is most likely an avatar plugin:

eg
<img src="http://www.passingrass.com/wp-content/uploads/avatars/460/5ed932eb9e1a5b11af2d1b9e7029b68e-bpthumb.jpg" class="avatar user-460-avatar avatar-20 photo" width="20" height="20" alt="Profile picture of PassinGrass">

And or your themes CSS at Line #1044
http://www.passingrass.com/wp-content/themes/sweetdate/custom_buddypress/_inc/css/default.css?ver=20140430

table.forum td img.avatar {
float: none;
margin: 0 5px -8px 0;
}

A quick change of that to the following fixes it:

table.forum td img.avatar {
float: none;
margin: 0 5px -8px 0;
width: 20px;
}

You’ll want to find out if it is the plugin or theme and find a more permanent way to keep those changes such as creating a child theme.

[ThemeTon]

I saw there some styling from your theme (ShopAndBuy). That style adds fontawesome icon for every LI elements. But bbpress has so many ul/li structure for formatting forum section and that style makes this issue there. Please manage or remove that styles from line 350 of “ShopAndBuy/css/shortcodes.typography.css”

Thanks

[Robin W]

If my response in

Why is BBPress not following css?

does not solve it, please respond on that thread

Thanks

[Neosnc]

Turns out to be some kind of permission error. I see this in the Chrome console. Will look into it further.

GET /wp-content/plugins/bbpress/templates/default/css/bbpress.css?ver=2.5.3-5249 403 (Forbidden) localhost/:30
GET /wp-content/plugins/bbpress/templates/default/js/editor.js?ver=2.5.3-5249 403 (Forbidden)

Hello,

I’ve installed bbPress 2.5.3 onto WP 3.9.1 but am not seeing any css stylesheets loaded for bbPress. Even when switching to the Twentyfourteen theme the forums are completely unstyled.

Has anyone come across this issue? Looking at resources in the chrome console I can see that bbpress.css is not being loaded.

[dustinarmstrong]

Been looking into this for a few days, and I can’t find a solution.

By default, bbpress offers two solutions for the index of a forum page:

• Using the default settings, and a customizable ‘forum root’ available in the settings panel
• Using a page with a shortcode to implement the section that you want

However, when you use the shortcode solution, there are two ‘forum root’ urls. The one that is associated with the page you want to use, and the one generated with the ‘forum root’ url.

For example, let’s say that I created the forum using the shortcode on site.com/discuss, and I need to use custom fields to customize the appearance of that page with a header, a hero graphic, and some descriptive text. I can style it, and it looks perfect. However, the site.com/forums url is still present in the forum topic urls (site.com/forums/post, not site.com/disucss/post), and as it’s own page without the custom styling.

While I could customize the page template for bbpress on site.com/forums, there are no methods for displaying fields defined by the client/user in the dashboard on that template, completely eliminating the purpose of using the custom page & shortcode option.

Are there any solutions for this or am I stuck? I’ve yet to find any solutions on this.

[Robin W]

ok, you have several routes to go

If you think you will be making other changes, then it may be worth you reading this

Step by step guide to setting up a bbPress forum – part 2

but if you just want to get this going then download this plugin

https://wordpress.org/plugins/simple-custom-css/

and then put this code into it

#bbpress-forums .bbp-topic-content p,
#bbpress-forums .bbp-reply-content p {
color: blue !important ;
}

a:link {
color: blue !important ;
}

Obviously you can change the blue to whatever, or use hex codes to get any shade you like

http://www.w3schools.com/cssref/css_colors.asp

Come back if that doesn’t work, and I’ll try to help further

[Robin W]

it’s coming from bbpress stylesheet.

there may be a quicker way to remove this, but one that should work is as follows.

I don’t think you have a childtheme, and now may be the time to consider having one, see https://codex.bbpress.org/step-by-step-guide-to-setting-up-a-bbpress-forum-part-2/ for more details

once done you need to navigate to

wp-content/plugins/bbpress/templates/default/css/bbpress.css

copy this file into a folder called css within your theme, so you end up with
wp-content/themes/mychildtheme/css/bbpress.css

where mychildtheme is the name of your childtheme

Then edit every line that has

background-color : xxxxxxx

change to

background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);

NOTE it goes from background-color to background
and it is only the background color that you’ll be changing, not lines which just have color: as that’ll be text!

eg

#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-topic-header,
#bbpress-forums div.bbp-reply-header {
	background-color: #f4f4f4;
}

becomes

#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-topic-header,
#bbpress-forums div.bbp-reply-header {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
}

This will make the background transparent, but with a darker tint shading that you have in your sidebar (the amount of difference is on the 0.4 bit, 0.1 is the lightest, 1.0 the darkest).

Come back if that doesn’t fix it, or for further help

[crzyhrse]

Hi Robin,

Adding the !important, I have placed the below into the theme’s child, and then just to see what would happen when that didn’t do anything, placed it at the bottom of the bbpress.css file, here- /wp-content/plugins/bbpress/templates/default/css/bbpress.css

Neither attempt made the change I am looking for, to increase the font size of all the forum text in general, which is presently about the same size as this text is here… I’ll tweak the number once something I try is effecting a change… I am always clearing all caches when I ever do any changes, just to confirm that…

bbpress-forums .bbp-topic-content p,
bbpress-forums .bbp-reply-content p {
font-size: 16px !important;
}

I am going to keep looking and playing with it but wanted to report this now… I am accepting your offer of help. Some feedback is that in a lot of searching in the past I hadn’t come across the pages your links above sent me to, and they are helpful, though still with some vagueness and gaps that can leave on a bit floundering… I you want to hear more let me know…

[blastblast]

@jaredatch

hi, new to the bbpress forum

As, I posted here https://buddypress.org/support/topic/sticky-color-screenshot/

I would like to change the font color of the sticky post in bbpress from the light grey to black.

In the
/wp-content/themes/bp-default-child/style.css

I inserted

.sticky {
font-color: black;
}

and it did not work.

After researching I stumble across this topic and I’m guessing editing the bbpress.css would be the answer, correct?

If so, before editing bbpress.css, I would like to make a backup or child theme version.

So if I’m following your instructions, would it be correct to place the bbpress.css in my /wp-content/themes/bp-default-child/bbpress.css folder or do I have to create a css folder thus placing it in /wp-content/themes/bp-default-child/css/bbpress.css.

Sorry if I’d got off track, ultimately, I would just like to change the sticky post color from light grey to black in the simplest way possible (without a plugin).

Any guidance would be helpful
thanks

[Robin W]

Unfortunately it’s css and php files that you will need to amend

Quickest change would be to add the following to your style.css

#bbpress-forums .bbp-forums-list li {
display: list-item !important;
font-size: 11px;
}

or to amend the display line in wp-content/plugins/bbpress/templates/default/css/bbpress.css line 121

That’ll get your list vertical.

Add descriptions to your forums (dashboard>forums>edit and put something in content) and you’ll have the next part.

Then if you want to alter the display, you’ll need to look at loop-single-forum.php

or the main forum display loop-forums.php

[Robin W]

Yes, and I totally agree, the documentation is woeful, unfortunately those that know the answers won’t update, and the rest of us work out bits that function, but are never sure whether these are the best ways.

Anyway onto your question.

bbPress is a plugin, and out of the box it works well with twentyten, and I understand twentyeleven.

Beyond that you’ll need to style it.

This consist of two elements :

Functionality
Styling

Functionality

I create a page called “forums”, and then put whatever forum text at the top followed by the forum shortcut [bbp-forum-index]

See http://www.gospbc.co.uk/forums/ for an example

Then loading a plugin called bbPress WP tweaks adds a forum sidebar to your widgets area.

I have loaded this with a login widget, forum list, recent topics and recent replies, as well as some other stuff from my website. See link about for what is in there.

This then gives you a basic forum area.

Then onto

styling
bbPress using the default bbpress.css as it style doc unless you tell it otherwise

You can customise look and feel – fonts, colours, background quite easily by using one of two methods, knowing what to change is the hard part !

If you have an existing child theme, you can override the bbpress default for elements by adding them to your own child theme style.css BUT you need to put !important into them to prevent the bbpress plugin from loading later and overwriting them with the default

As an example if you wanted to change the font-size of the forums list you’d put the following into your css

#bbpress-forums .bbp-forums-list li {
	font-size: 11px !important;
	}

The alternate method, and perhaps better if you want to make lots of changes, is to copy the default bbpress.css from /wp-content/plugins/bbpress/templates/default/css
to /wp-content/themes/%your-theme%/css/

you can then edit it there to your hearts content, and you don’t need the !important bit.

OK so how do I know what to edit?

You’ll need to get familiar with using something like firebug with firefox. This lets you examine sections of your website and see precisely what css element is styling it.

http://www.youtube.com/watch?v=tdIk2PztcL0 gives the start of a tutorial on this

When I get a moment, I’ll start to add this to the bbpress documentation.

I only started with WordPress and bbPress in March, and am still learning the basics !

[Robin W]

ok, try this – I have culled it from varous other posts, in particular

Full-Width Forum

Don’t swear it will work, but give it a go

1. Create a page called “forums”,
2. make this page a full width page – if your theme doesn’t support this, then you’ll need to create a child theme and add a full page template.
3. Put this shortcode on the page [bbp-forum-index]
4. edit the following file
wp-content/plugins/bbpress/templates/default/css/bbpress.css
by removing the left float from div.bbp-breadcrumb(line 405)
5. In your style.css add the following

.bbPress #primary {
display: none;
}
.bbp-forums {
width: 100%;
}

let us know if that works

[Robin W]

If you want forums as a list, then you need to change the following

wp-content/plugins/bbpress/templates/default/css/bbpress.css

Line 120-122

#bbpress-forums .bbp-forums-list li {
	display: inline;
	font-size: 11px;

change to

#bbpress-forums .bbp-forums-list li {
	display: list-item;
	font-size: 11px;

This’ll then produce the vertical list

Now I expect to be told off for directly editing a plugin file, and if someone else knows how to get it to do the same with a themes functions.php or style.css, then I’d love to see how to do it.

You will need to make a note of this, as every bbpress plugin update will rub it out

[DeysonOrtiz]

Hello and good day!

It seems I keep getting a missing css file when I do a speed check, this file is missing: wp-content/plugins/bbpress/templates/bbp-twentyten/css/bbpress.css?ver=2.4.1

This is my website that gets the above error, but the forum is working fine: http://motion-master-templates.com

Thank you for the time and please let me know what I can do to fix this. 🙂

[maisdesign]

Hi, actually I’m trying to develop a WP plugin that will do almost the same thing you were trying to do.
But, my lack of knowledge and the lack of documentation (I can’t find it!) aren’t helping me very much.
This is what I have actually:
https://github.com/maisdesign/MDPostEforumsCreator

As you can see in my index.php file that is here:

<?php
/*
Plugin Name: Post And Forum Creator by MaisDesign & Stestaz
Plugin URI: http://maisdesign.it
Description: You give it a title and it automatically create a blank post and forum with that title, that's it!
Version: 1.0.0
Author: MaisDesign & Stestaz
Author URI: http://maisdesign.it
License: 
License URI: 
*/
/* Documentazione:
	Quello che sto cercando di ottenere è di svolgere tutto in una sola pagina, sono certo che non serva richiamare BBHOST e compagnia bella per inserire un cavolo di articolo ma sono le 2.20 AM e non so più che pesci pigliare!
	In fondo a questa pagina troverai del codice commentato, se ci sono bestemmie nei commenti lasciale dove stanno, sono di buon auspicio :-P
*/
/* Definiamo la versione */

if (!defined('MD_POSTFORUM_CREATOR_VERSION_KEY'))
    define('MD_POSTFORUM_CREATOR_VERSION_KEY', 'md_postforum_creator_version');

if (!defined('MD_POSTFORUM_CREATOR_VERSION_NUM'))
    define('MD_POSTFORUM_CREATOR_VERSION_NUM', '1.0.0');

add_option(MD_POSTFORUM_CREATOR_VERSION_KEY, MD_POSTFORUM_CREATOR_VERSION_NUM);

/*
    * This example will work at least on WordPress 2.6.3, 
    * but maybe on older versions too.
    */
   add_action( 'admin_init', 'md_postforum_creator_init' );
   add_action( 'admin_menu', 'md_postforum_creator_menu' );
   
   function md_postforum_creator_init() {
       /* Register our stylesheet. */
       wp_register_style( 'mdPostforumCreatorStyle', plugins_url('css/mdpostforumstyle.css', __FILE__) );
	       wp_register_script( 'mdPostforumCreatorScript', plugins_url( '/js/alajax-1.2.js', __FILE__ ) );
   };   
   function md_postforum_creator_menu() {
       /* Register our plugin page */
       $page = add_submenu_page( 'options.php', 
                                 __( 'MDPFC Plugin', 'md-postforum-creator' ), 
                                 __( 'MDPFC Plugin', 'md-postforum-creator' ),
                                 'administrator',
                                 __FILE__, 
                                 'md_postforum_creator_manage_menu' );
  
       /* Using registered $page handle to hook stylesheet loading */
       add_action( 'admin_print_styles-' . $page, 'md_postforum_creator_styles' );
		add_action('admin_print_scripts-' . $page, 'md_postforum_creator_scripts');
   };   
   function md_postforum_creator_styles() {
       /*
        * It will be called only on your plugin admin page, enqueue our stylesheet here
        */
       wp_enqueue_style( 'mdPostforumCreatorStyle' );
   };
   function md_postforum_creator_scripts() {
        /* Link our already registered script to a page */
        wp_enqueue_script( 'mdPostforumCreatorScript' );
    };
   /*function md_postforum_creator_manage_menu() {
   };*/
   add_action('admin_menu', 'register_md_postforum_creator_menu');
function register_md_postforum_creator_menu() {
   add_menu_page( 'MDPFC Options', // $page_title
                  'MDPFC Options', // $menu_title
                  'manage_options', // $capability
                  'md-postforum-creator-menu-page-slug', // $menu_slug
                  'md_postforum_creator_menu_page', // $function
                  plugins_url( 'md-postforum-creator/images/mdpostforum.png' ), /* $icon_url*/
                  3 ); /* $position*/
};

function md_postforum_creator_menu_page() {
   /* Does the user have the right permissions?*/
   if (!current_user_can('manage_options')) {
      wp_die( 'Sorry, you do not have permission to access this page.');
   };
  if(isset($_POST['new_post']) == '1') {
    $post_title = $_POST['post_title'];
    $post_category = $_POST['cat'];
    $post_content = $_POST['post_content'];

    $new_post = array(
          'ID' => '',
          'post_author' => $user->ID, 
          'post_category' => array($post_category),
          'post_content' => '', 
          'post_title' => wp_strip_all_tags($post_title),
          'post_status' => 'draft'
        );

    $post_id = wp_insert_post($new_post);
};          
echo '
<form action="'.admin_url('admin.php?page=md-postforum-creator-menu-page-slug').'" method="post">
    <input type="text" name="post_title" size="45" id="input-title"/>
    <input type="hidden" name="new_post" value="1"/>';
	wp_dropdown_categories('orderby=name&hide_empty=0&exclude=1&hierarchical=1');
    echo '<input class="subput round" type="submit" name="submit" value="Post"/>
</form>';
};?>

My plugin is almost complete, what I can’t understand is How to create also a forum with same title of the post created by the form.

Is there anyone who can send me to the right direction? Thank you.

[pazzaglia]

I’ve been carefully examining my web access logs because my provider said my website is using too many resources – and even though I would say it is absolutely medium in size it uses about 50% of the resources on the shared hosting site.

I noticed that for EVERY page called from the website, whether or not is a forum page and whether or not it contains and bbpress plug-ins -especially not- includes a call to the bbpress style sheet. For example:

http://www.hippressurecooking.com/5-cant-miss-pressure-cooker-chicken-recipes/

GET /wp-content/plugins/bbpress/templates/default/css/bbpress.css?ver=2.3.2 HTTP/1.1

Any way for me to block this call so that I don’t use-up unnecessary resources for my website and risk getting kicked off my shared server?

Thanks,

L

[Jared Atchison]

Copy:

wp-content/plugins/bbpress/templates/default/css/bbpress.css

to:

wp-content/themes/[YOUR-THEME]/css/bbpress.css

And that’s all it takes 🙂

bbPress will auto-detect the CSS file in your theme and use that instead of it’s own.

[lasticko]

I’m with you on this — I posted the previous topic in this forum on basically the same topic (need to keep main WP theme, but just looking to make the bbpress forums cleaner looking).

All I got was a generic “here’s the bbpress page on modifying your theme” and without being a master PHP/CSS/HTML guru, that theming page is a bit intimidating and confusing.

What would be GREAT is if someone said “Here, do this ”
1) Create a directory off your Theme’s dir called “my-templates”
2) Drop these files in there for an example clean looking bbpress theme
3) You can modify THIS and THAT file in this example to suit your needs.

Maybe I’m oversimplifying, but bbpress, with all of its advancements, HAS to have some drop-in example themes… ?

Lets hope both of us get a simple example we can try out.