[janhoos]

I’ll try that out! I used the .entry-title tag before. And that was used by metro. didnt use .bbPress

[@mercime]

The problem is the theme uses the same tag

@janhoos .bbPress is only added to the body tag only where bbPress is active. Hence, you could use body.bbPress to ID bbPress pages. I don’t use Metro, so I find it strange that .bbpress would be added to body tag in all pages.

[janhoos]

Thanks for the answer. The problem is the theme uses the same tag. I could alter it in my theme, but I would rather add a class in bbPress. As I bought the theme and I believe it will get updates every now and then. Although you can say the same about bbPress of course… 😛

[@mercime]

@janhoos to control page titles in bbPress pages, add to your stylesheet:

body.bbpress h1.entry-title {
// your styles here
}

[janhoos]

Hey guys!

I’m using the genesis framework with the Metro childtheme (http://d1021797-400.nedlook.com/airsoftclubnederland.nl/forums/) and Metro has these (imo) cool big titles. But its really unneeded on the forums.

I already know I can put the CSS file in my theme folder but when I mod the title attribute, the titles on normal pages and will also be smaller. Its not being restricted to bbPress as both (WordPress and bbPress) use the same title attribute.

Where can I add a class to the bbPress titles? I imagine I need to modify a core file somewhere.

That way I can simply copy the CSS from the metro title and put something like: div class bbpresstitle in front of it and make it so that only bbPress uses that bit of CSS.

[Tecca]

It’s possible that your theme has a bbpress.css file which is overriding whatever you’re putting in the default file. Regardless, you should be editing the file that’s in your theme’s directory, which would look similar to:

webroot / wp-content / themes / yourtheme / css / bbpress.css

If the file isn’t in there or you don’t have that folder in your theme, copy and paste the file over.

Also make sure you’re hard refreshing your browser to clear its cache, after making your changes (hold CTRL then press f5 on your keyboard, or press the browser’s refresh button a couple of times).

[yguvvala]

Hi Tecca,

That didnt work. changing this codes doesnt reflect any changes on my forums page. in my Godaddy account i am changing this under

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

if you think am editing wrong file please let me know.

[Tecca]

In your bbpress.css file, change the background of each of these:

.entry-title {
background: red;
}

#bbpress-forums div.odd,
#bbpress-forums ul.odd {
background: yellow;
}

#bbpress-forums div.even,
#bbpress-forums ul.even {
background: green;
}

Just change those color names to hex codes to make them look a bit better.

[yguvvala]

Hi,

I have been trying to get this done but i am really lost. I want my forums here (http://jump2health.com/forums) to get color, I want odd posts to be green in color and even pots to be yellow in color and I want header which says Forums/Discussions to be red which file i need to change and what to change.

I edited bbpress.css file but no changes are reflected on the page. I am not sure who to do this please help.

[Tecca]

From what I can see, Enfold is just another WordPress theme that has edited some bbPress CSS and files. If that’s the case, then everything will be fine — you’d still be using your WordPress install with the bbPress plugin, so your tables wouldn’t go anywhere.

[Daniel J. Lewis]

I’m also interested in this, especially with allowing my forum members to use some BBcodes, like spoiler, b, i, and others. (I transitioned from a phpBB board, so I want to make a smooth transition for my users.)

I’ve been looking for a plugin to do this, but haven’t found anything. I’m thinking of making a simple plugin to do this by popping up a window (via jQuery) that will take the content of their post editor and display it with my CSS and processing the shortcodes. It sounds easy to me, but I could be really wrong.

[yanis97]

Hi;

I have a theme WP 3.51 which uses bbpress 2.3.2 for the group forums and I would like to modify the GUI for the forums : how change and customize the look for the group forums in my theme (modify the css, javascript of bbprees).

Regards;

[ZebraW]

In our website here: http://thehousingforum.com , we use the bbp-forum-index shortcode to list the forum boards. But we want the forum boards to show up more like they are here: http://www.swnk.org/forums/ , which is shows them in a vertical way with Topics, Posts etc. I’m assuming that you have to edit the CSS to do this? Any quick and easy solution? Thanks.

[SciFiKriss]

Is there anyway of making the stats display in a line rather than a list?

On my site it makes it rather a long page it would make it easier if they displayed in a line…going to the next line if it doesn’t fit on the page. Or if you could make the list without spaces and the results show up next door to the the item?

I know I can change the CSS and html but would rather it came with the original plugin so that I don’t have to keep reloading after updates.

Thanks in advance

Kriss 🙂

http://www.krissharmsworth.com/forum/

[akapope]

Thanks for the help guys 🙂

I figured it out, but thought I would update in case anyone comes across this as well. I admit this may not be the best solution; however it is working and I am happy.

In the /wp-includes/post-template.php file, at line 427 I edited it to this:

if ( is_single() ) {
		$post_id = $wp_query->get_queried_object_id();
		$post = $wp_query->get_queried_object();
		$parent_id = get_post($post_id)->post_parent;

		$classes[] = 'single';
		if ( isset( $post->post_type ) ) {
			$classes[] = 'single-' . sanitize_html_class($post->post_type, $post_id);
			$classes[] = 'postid-' . $post_id;
			$classes[] = 'parentforum-' . $parent_id;

Where $parent_id = get_post($post_id)->post_parent;
And $classes[] = 'parentforum-' .$parent_id;

Are the additions.

Then in the themes /style.css file I added something like:

.parentforum-17,
.postid-17 {
background: #000000 url(http://alysiaworld.com/wp-content/uploads/2013/06/alysiasea.jpg) center top no-repeat fixed;
}

Boom Baby!

[Chuck]

Hi,
I’m trying to add the forum’s description to be under the forum title on the page-front-forums (index) page. Just like it displays on the single-forum page. Could someone please show me the proper code?

I’ve already changed the css .bbp-forums-list li to “display: block;”

Thank you!
Chuck S.

[ZachMatthews]

This is the answer I came up with and provided to some other people who have asked:

Set Pinboard to 2 content columns, 2 Boxes Sidebar Columns, and 4 Footer Columns. Choose the first (farthest left) “Preferred Layout” option.

Now, this is obviously going to dictate the look of the rest of your site. I got around that by doing a three-tier Multisite layout. It’s not hard to set up but it is a pain in the ass to have to re-install Pinboard and re-set every single option so the site is all the same, but that gives you the flexibility to have multiple different layouts and formats all within the same blog. I actually have one blog running my Blog, Articles, Podcasts, Video and About pages, then a second blog running my Photoblog database (which keeps the posts separate), and then finally the third blog running only bbPress. However, user profiles are integrated in a multisite so people stay logged in throughout the environment.

One more thing to note: I moved the slider feature to my header by putting the slider section of the functions.php file actually in my search.php page, then deleting all other content from search. (My site only has search on the forums page). That makes the slider get called on each page first and you can tweak the menu layout and stuff to make it all appear up top. The only catch is the slider itself only works on the first page of a given blog (so it works on three of my pages). Everywhere else it is a static image, dictated by the oldest image chronologically amongst the slider pictures.

Here’s my CSS:

#slider .entry-title a {
	display:none;
}
.flex-direction-nav, .flex-pauseplay {
	display:none;
}
#bbpress-forums iframe, #bbpress-forums embed {
	max-width: 640px !important;
	height: 480px
!important;
	margin-left: 0px
!important;
}
fieldset {
	border: 0;
}
.fluid-width-video-wrapper {
	padding-bottom: 20px !important;
	padding-top: 53% !important;
}
.bbp-reply-content {
	margin-left: 120px !important;
}
.bbp-topic-content {
	margin-left: 120px !important;
}
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
	font-size: 15px !important
}
#bbpress-forums {
	font-size:14px !important;
}
.bbp-topic-permalink {
	font-size: 16px !important;
}

.bbp-reply-header a.bbp-reply-permalink {color: #00548c;}

a.button.logout-link {
	color:#f1f1f1 !important;
	background-color: #111;
}
p {
	font-size:14px;
	margin-right: 20px;
}
button {
	color:#fff !important;
	background-color: #555;
	padding: 6px 18px !important;
	border-style: solid !important;
	border-color: #000 !important;
	border-width: 1px !important;
        border-radius: 5px;
}
input {
	border: #9e9e9e 1px solid !important;
        border-radius: 5px;
        margin: 0 0 8px;
        box-shadow: inset 1px 1px 10px rgba(0, 0, 0, .2);
        background-color:#FCFCFC;
}
#sidebar-header {
	float:none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	border-top: solid 1px #333 !important;
	border-bottom: solid 1px #333 !important
}
#sidebar-header a {
	padding:0 !important;
}
#bbpress-forums div.bbp-reply-header {
	background-color:#c3c3c3;
}
.bbp-admin-links a {
	color:#00548c !important;
}

.bbp-admin-links a:hover { 
	color:#d54e21 !important;
}
#bbpress-forums ul.bbp-replies {
	border: 1px solid #ccc;
}
#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 solid #ccc;
}
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log {
	color:#666;
}
#bbpress-forums ul.bbp-reply-revision-log img.avatar {
	margin-left: 3px;
	margin-right: 3px;
}
.entry-content a img {
	padding: 0;
	margin-bottom: -3px;
}
.wp-editor-container {
	border-color:  #aaa #aaa #aaa !important;
}
.quicktags-toolbar {
	border-bottom: 1px solid #aaa !important;
}
#bbpress-forums ul.bbp-topics {
	border: 1px solid #ccc;
}
.bbp-topics-front ul.super-sticky, .bbp-topics ul.super-sticky, .bbp-topics ul.sticky, .bbp-forum-content ul.sticky {
	background-color: #f0f8ff;
!important;
}
#bbpress-forums fieldset.bbp-form {
	border: 1px solid #ccc;
}
#bbp_topic_title {
	box-shadow: inset 1px 1px 10px rgba(0, 0, 0, .2);
}
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
	box-shadow: inset 1px 1px 20px rgba(0, 0, 0, .2);
}
input#bbp_topic_tags {
	box-shadow: inset 1px 1px 10px rgba(0, 0, 0, .2);
}
.bbp-forum-title {
	font-weight:400 !important;
        margin-left: 0px !important;
}
#bbpress-forums div.odd, #bbpress-forums ul.odd {
	background-color: #f3f3f3;
}
#access {
	background: #333 url(http://www.itinerantangler.com/global/body-bg12.png) repeat top left !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
#access ul {
	padding-left: 35px;
}
#bbpress-forums li.bbp-header {
	background: #f1f1f1 url(http://www.itinerantangler.com/global/body-bg12.png) repeat top left !important;
	border-top: none !important;
        width: 100%;
}
#footer-area {
	background: #333 url(http://www.itinerantangler.com/global/body-bg12.png) repeat top left !important;
}
.entry-content a:hover {
	color: #d54e21;
}
.entry-content a img, #attachment-nav a img {
	border: none !important;
	box-shadow: none !important;
}
.entry-content a:hover img, #attachment-nav a:hover img {
	border: none !important;
	box-shadow: none !important;
}
.onecol .onecol .entry-summary, .entry-content {
	padding: 20px;
}
.entry-title {
	margin-left: 20px;
}
.single .entry-title {
	margin-left: 0 !important;
	margin-bottom: -10px !important;
}
#bbpress-forums li.bbp-body ul.topic {
	border-top: 1px solid #eee;
	padding-top: 5px !important;
	padding-bottom: 0px !important;
        padding-left: none !important;
        padding-right: none !important;
}
#bbpress-forums p.bbp-topic-meta {
	margin: 0px 0 5px;
}
li.bbp-topic-title {
	padding-left: 20px;

}
#url, #email {text-indent: 0px !important;}

a.bbpl_button {width:25px !important;}

#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {padding-top: 8px;}

#bbpress-forums li.bbp-header {padding-left: 0px !important;}

li.bbp-forum-info {text-indent: 50px;}

#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-met {margin: 0px !important;}

#bbpress-forums p.bbp-topic-meta img.avatar {margin-bottom: -3px !important;}
#bbpress-forums div.bbp-template-notice img.avatar {margin-bottom: -3px !important;}

li.bbp-header div.bbp-reply-content span#subscription-toggle {margin-right: 10px}

div.bbp-template-notice, #bbpress-forums ul.bbp-replies, #bbpress-forums fieldset.bbp-form {border-radius: 5px !important;}

.quicktags-toolbar {border-top-right-radius: 5px !important; border-top-left-radius: 5px !important;}

#bbpress-forums fieldset.bbp-form input {padding: 3px;}

[SortSyn]

Hi!

I’m a noob. And that sucks. I’ve created this page http://lydvaerk.beeforums.net.
Problem is, users cannot add avatar ore gravatar. Somehow, I had the option to choose Gravatar as an administrator. But no other user seems to have this option. I would prefer to avoid Gravatar and use some regular option like most other forums. Is this possible?

I could really use some help here. I should mention, I know nothing on CSS and such.

[akapope]

Hey BBPress!

I was wandering if ya’ll can help me out with this. So I have my theme styled so that each Forum gets its own background through the style.css file using the following lines:

.postid-17 {
background: #000000 url(http://alysiaworld.com/wp-content/uploads/2013/06/alysiasea.jpg) center top no-repeat fixed;
}

where postid-17 is the correlating WordPress post associated with the Forum.

The problem now is that when you visit a Topic within the Forum, the background goes back to the default image :/

I am thinking that there should be a code to pull the topics Parent Forum “postid” and then force the background to the topic.

I hope that makes sense. I can dig through code, but I am not so skilled with writing my own yet.

Thanks in advance for your help.

WordPress and BBPress are running the latest versions:

Site – htp://alysiaworld.com
Theme – Twentytwelve

[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.

[Tecca]

I completely agree with you, @nerdenpose. While the two above solutions essentially work, I’d much rather remove it completely from my theme. bbPress seems to be about clean and elegant, so I try to keep it that way by removing features that aren’t needed rather than hiding them.

Also, don’t forget to remove this line if you don’t want it shown in specific forums as well (to go along with the above post).

From content-single-forum.php:
<?php bbp_single_forum_description(); ?>

Also the “visibility: hidden” solution in the first reply irks me a bit. It works, but instead use “display: none” if you’re looking to remove these bars using CSS.

[HD80]

Thanks Shmoo for all the help. Unfortunately I don’t know which file to copy so to be safe I’ll copy everything to my child theme.
I’m also trying to remove my main theme’s sidebar for my forum with no success. I’ve read other post and this seems to work:

body.bbPress #sidebar {display:none;}
body.bbPress .post {width:100%;}

I put those on both my bbpress.css and the style.css but it doesn’t seem to work.

This is my website: http://ps4evolution.com/forums/

[Shmoo]

Yes thats true, first of all you should only copy the files that you need to edit.

Just copying everything works fine but isn’t needed because inside the bbPress core is a function whats called Theme_Support ( i believe thats what its called ) And this function does only one thing, before reading all template-files.

Check if the needed template file is inside your theme folder. If it’s not.. –> use the template file inside the plugin folder.

bbPress plugin template files are the default template files but when you copy them over to your theme the new copied files become default.
It’s serious one of the most beautiful and easy constructions I’ve ever seen used at CMS’s. I’ve worked with manny other forum-software that had many more options and features as bbPress but they never had this easy way of safely -editing template files.

bbpress.css works 100% the same copy the bbpress.css file to a folder called CSS inside your theme folder and it works the same way. The forum.css file at the picture isn’t bbPress, thats something I created manually and has nothing to do with bbPress.

Those are two fast screenshots of what I made without having any PHP skills, I just understand HTML + CSS.

View post on imgur.com

View post on imgur.com

[HD80]

Thanks for reply, I didn’t know you replied because I didn’t receive any email.
lets say I don’t want to use a child theme.
1. create bbpress folder on my theme folder.
2. copy all files from [wp-content/plugins/bbpress/templates/defaults/bbpress/All those files are bbPress (forum)] to my created bbpress folder
3. copy all files from [wp-content / plugins / bbpress / templates / defaults / extras / All those files are general Theme] to my /wp-content/theme/mytheme directory.

I wasn’t sure if i need to copy all or just what I need. Also you have bbpress.css and forum.css files…are these also included in bbpress package?

so when i type http://www.mytheme.com/forums the new template should appear?

[NerdEnPose]

I’m using 2.3.2 and this is my solution.

There’s a function in the theme files calling this, simply noting it out or deleting it prevents the call.

// bbp_single_topic_description();
content-single-topic.php

and

// bbp_single_topic_description( array( 'topic_id' => bbp_get_topic_id() ) );
form-topic.php

This makes more sense to me because why generate the HTML just to bloat your CSS file to hide it? Or why add more to your functions.php file when all you need to do is some basic theme work? (Although that was some clever hacking of the wordpress/bbpress hooks there mindyjoy :))

*Make sure to move all your theme files into your wordpress theme (wp-includes/themes/your_theme/buddypress/) so you don’t lose your work with an upgrade.