[calebbuxton]

Hey All,

I am new to this plugin and I am trying to adapt it to my website.

I am trying to place the forum on this page: http://atlantacraftbeer.com/beer-exchange/

but it is not showing up like it does on the dedicated page: http://atlantacraftbeer.com/forums/forum/atlanta-beer-exchange/

Is there a way to update my shortcode to have it appear on the page I would like it to?

ALSO – if you notice the colors and some of the spacing do not really work with my theme. Is there a way I can update the colors and spacing (especially for the register page) using the CSS?

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

[Halo Diehard]

So I followed the instructions at WordPress to change the bbPress editor look, and match my dark theme (as posted above by netweb) and it didn’t work. I’m not sure that page is current for the new WordPress. Not only did it not change my editor’s CSS, it gave me a php header error that wouldn’t let me access some pages.

I also tried to put the CSS in the bbPress css in my child theme, hoping if I narrowed it down enough it would take precedence, but no luck there. Also, there are several buttons involved in the editor that are controlled by css in yet *another* css file (located in the same folder as the editor: wp-includes/css) buttons.min.css that is also causing a ton of white in the editor, and when I tried the php fix to create a custom css file for that one in my child theme the whole site crashed.

It seems really strange to me that such a huge part of this plugin doesn’t have a clear solution for those who prefer a dark theme after all this time. I’ve literally spent hours today trying to problem solve this. The glaring white looks really, really bad in my forums. If I ever sort it out, I’ll do my best to make sure and get the directions out there.

[Stephen Edgar]

would I *only* be allowed to add a tags with a class (no, I don’t know why either but just pretend…) and not able to add the default img, blockquote, etc tags?

Correct, with the example you posted you would only be able to add an a anchor HTML element with a class CSS class eg. <a class="my-css-class">description</a> note as you removed href from the allowed tags you wouldn’t be able to use <a href="http://example.com">description</a>

I had a similar question last year but never really figured it out – gave up when I decided it didn’t matter: https://bbpress.org/forums/topic/using-wp_filter_kses-filter-for-bbpress-posts/

I fully appreciate this highlights how little I know these things! And thank you. 🙂 This has been a really interesting discussion.

This highlights how little I knew 12 months ago, if I don’t know I don’t answer a question unless I can provide something that IS helpful, we are all constantly learning 🙂

[tharsheblows]

@netweb – with filters, do they only add or modify the function? I mean, can you only add or modify parameters in them, not delete? Eg if I had this:

add_filter( 'bbp_kses_allowed_tags', 'ntwb_bbpress_custom_kses_allowed_tags' );
 
function ntwb_bbpress_custom_kses_allowed_tags() {
	return array(
 
		// Links
		'a'          => array(
			'class'    => true,
		)
}

would I *only* be allowed to add a tags with a class (no, I don’t know why either but just pretend…) and not able to add the default img, blockquote, etc tags? I guess I’m asking is it like a child functions.php file (which overwrites) or a child css file (which adds to / modifies)? I am hoping I’ve got my analogies right, hmm.

I had a similar question last year but never really figured it out – gave up when I decided it didn’t matter: https://bbpress.org/forums/topic/using-wp_filter_kses-filter-for-bbpress-posts/

I fully appreciate this highlights how little I know these things! And thank you. 🙂 This has been a really interesting discussion.

[kdumas123]

The Remember Me area of the Sidebar is wrapping onto 2 lines. I’m not sure how to fix this. I’m using the Divi Theme (Elegant Themes). Do I have to edit CSS within my template or within BBpress files? I tried to find the CSS using Firebug but wasn’t successful.

Here’s the url: http://www.boostacademy.com/forums

[msteelman]

Ok, here is a very simple answer to a very simple question.

Inside of your website admin area under appearance is a place to put custom CSS called Edit CSS.

At the bottom of whatever else is in there add the following code:

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

That will make the font 16 pt. if you want it some other size then change the number.

[Halo Diehard]

@foxden-vixen That’s awesome you figured it out! Often it is hit and miss for me too.

I use FireFox FireBug and right-click, “Inspect Element” anywhere on a webpage and it tells me what that element is called. The “Read More” element on your page is called a.readmore and the ‘display none’ css should work for that. Maybe:

.forum-archive a.readmore {
     display: none;
}

I should encourage you to start a new thread for topics that don’t go with the topic you are in, though 🙂

[Halo Diehard]

@foxden-vixen try adding a comma and:

.bbpress .single-forum DIV.sidebar.right, .bbpress .single-topic DIV.sidebar.right

after where you already have in the css:

.forum-archive DIV.sidebar.right

so it says:

.forum-archive DIV.sidebar.right, .bbpress .single-forum DIV.sidebar.right, .bbpress .single-topic DIV.sidebar.right {
	display: none !important;
}

[foxden-vixen]

Halo thank you! I used the CSS code you provided. That worked for the front page of the forums. When I go to categories the sidebar is back. So any more code that you can throw at me to prevent the sidebar for other parts of the forum?

[Sascha.H]

Hey guys i have a little problem. Actually i installed wordpress on my server and created a standard clean theme. Here is the Screen:

Than i created a child theme connected it with my parent theme via the style.css

And now i thought i have to put the bbpress folder into my child theme. Is this correct? The question is just which folders? Just copy all from default in my child theme or just the content of bbpress?

The same problem with buddypress i want to put it in my child theme but i dont know what. All folders copy paste? Or just the content of my bp_template or maybe bp_theme folder?

PS: I tried a bit on my local server at the plugin folder and want would change 2 things at my bbpress forum. 1) Is there a solution that i can upload images when using the editor? I think its very uncomfortable to put a link from another server in the editor. I want to handle it like facebook just upload it on my server and its in the post. 2) How can i delete the /forums in my url? i want my url like http://www.myurl./forumname but actually its http://www.myurl.de/forums/forumname.

Hope you can help me i want to start with this awesome plugin but 🙂

[Halo Diehard]

@foxden-vixen try:

DIV.sidebar.right.clearfix

or

DIV.sidebar.right

If that doesn’t work in the experimental section, try pasting this in your style.css:

.forum-archive DIV.sidebar.right {
	display: none !important;
}

[Stephen Edgar]

Ha! This is kind of cool I reckon 🙂 http://theguiltymommy.com/mommy-forums/

Your themes CSS loads after bbPress’ so adding the equiv from bbPress CSS to your thtmes CSS should do the trick:

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

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

[The Guilty Mommy]

On my site, each post has a different background (darker shades of pink) and therefore a different font color to work with the background color. With the posts this works great, but in my bbpress forums, the background color changes but the color of the font takes the color only of the first post. The theme I used was Twentythirteen and then the child theme was a modified version of 2013 blue sequence. What am I doing wrong? I am slowly learning about CSS but have little knowledge this far. Any help would be greatly appreciated.

My page is http://www.theguiltymommy.com

Eventually I would love to change font size and style but I need to get it readable first. 🙂

[Robin W]

Which tends to suggest that you are having the issue rather than that the codex doesn’t work !

css is loaded at various times, and changes can be overwritten by later loads.

Try putting ‘!important’ after a few to see if that helps, if so then apply to all. This tells the code not to apply later changes.

eg

#bbpress-forums li.bbp-header {
 background: #eaeaea !important;
 }

[Cole]

Thanks for the reply Robin,

Though the the code stated in that article doesnt work with my theme/forum:
#bbpress-forums .status-closed, #bbpress-forums .status-closed a {color: #000 !important;}

I put it in my theme CSS and also tried a CSS plugin with no result.

[Jerry]

If this challenge I am having is beyond the scope of help in the bbpress forums, then I understand. The below code is a function that allows the user to submit a search request for a book title via the google books api. When the user clicks “search”, the function works great and returns results in a Jquery window. The problem I am having; it triggers a submit of the bbpress topic, and I get the errors “cannot submit a topic with the subject line blank.”

If there is a simple fix I am not seeing, can someone please help me?

function book_search_google () {    
  //set API version for Google Book Search API
  $v = isset($_POST['v']) ? $_POST['v'] : '1';
  //set user API key for Google Book Search API
  $key = isset($_POST['key']) ? $_POST['key'] : 'key goes here';
  //set user IP for Google Book Search API
  //$ip = isset($_POST['ip']) ? $_POST['ip'] : $_SERVER['REMOTE_ADDR'];
  //set default value for query to Google Book Search API 0307387941
  $query = isset($_POST['q']) ? $_POST['q'] : '0307387941';
  //set default value for search type to Google Book Search API
  $type = isset($_POST['type']) ? $_POST['type'] : 'all';
  //check and assign page of search results - are we on the first page?
  $start = isset($_POST['start']) ? $_POST['start'] : 1;
  //set default value for number of results
  $limit = isset($_POST['limit']) ? $_POST['limit'] : '10';

  switch ($type) {

    case 'all':
      $params = 'q='.urlencode($query).'&startIndex='.$start.'&maxResults='.$limit;
    break;

    case 'isbn':
            $params = 'q=isbn:'.urlencode($query).'';
    break;

    case 'lccn':
            $params ='q=lccn:'.urlencode($query).'';
    break;

    case 'oclc':
            $params = 'q=oclc:'.urlencode($query).'';
    break;

    default:
      echo '<p>You must specify a search type such as "all" or "book". Check the url to make sure "type=" has a value.</p>';
      exit;
      }
  //set URL for the Google Book Search API
  $url = 'https://www.googleapis.com/books/v'.$v.'/volumes?key='.$key.'&'.$params.''; 

  if(isset($_POST['q'])):

  //build request and send to Google Ajax Search API
  $request = file_get_contents($url);
  //decode json object(s) out of response from Google Ajax Search API
  $data = json_decode($request,true);
  $totalItems = $data['totalItems']; 

 pagination  mainHeading
    if ($totalItems > 0) {
  ?>

      <!doctype html>
      <html lang="en">
      <head>
      <meta charset="utf-8">
      <title>jQuery UI Dialog - Default functionality</title>
      <link rel="stylesheet" href="//whosgotbooks.com/jquery/jquery-ui-1.10.4.custom.css">
      <script src="//whosgotbooks.com/jquery/jquery-1.10.2.js"></script>
      <script src="//whosgotbooks.com/jquery/jquery-ui-1.10.4.custom.js"></script>
      </head>
      <body>
      <div id="dialog" title="Google Books Search Results" style="display:none;">
      <script>
      $(function() {
      $( "#dialog" ).dialog({
        height: 550, width: 450});
        $( "#returnvalues" ).click(function(){
        $( "#dialog" ).dialog( "close" ); 
        });
        });
      </script>     
            <strong><p style="font-size: 16px; text-align: center";>Top 10 Results for &quot;<?php echo @$_POST['q']; ?>&quot;</p></strong> 
        <strong><p style="font-size: 14px; text-align: center";>choose a book to select as your topic</p></strong>&nbsp;
        <table style="width:400px">
        <col width="325">
        <col width="75">
            <?php foreach ($data['items'] as $item) { ?>    
                  <tr>
            <td>
                       <strong><u><div style="font-size: 14px";><?php printf($item['volumeInfo']['title'])?></u></div></strong>
                         <strong>Author: </strong><?php printf( $item['volumeInfo']['authors'][0]); ?><br />
                         <strong>Published: </strong><?php printf( $item['volumeInfo']['publishedDate']); ?><br />                       
               <strong>Page(s): </strong><?php printf( $item['volumeInfo']['pageCount']); ?><br />
                         <strong>Publisher: </strong><?php printf( $item['volumeInfo']['publisher']); ?><br />
                         <strong>Category: </strong><?php printf( strtolower($item['volumeInfo']['printType']).', '.strtolower($item['volumeInfo']['categories'][0])); ?>&nbsp;&nbsp;
               <strong>ISBN: </strong><?php printf( $item['volumeInfo']['industryIdentifiers'][0]['identifier']); ?></td>
            <td><p><input type="submit" name="submit" value="Select" id="returnvalues"/></p>
                <img src="<?php printf( rawurldecode($item['volumeInfo']['imageLinks']['smallThumbnail'])); ?>" />
                    </td>
            <tr><td style="width:420px"><p><strong>Description: </strong><?php printf( $item['volumeInfo']['description']); ?><br /></p></td>
            </tr>
            </tr>

            <?php } }
            else {
                ?>
                   <p><strong>Sorry, there were no results</strong></p>
                <?php  } 
            /* for testing purposes show actual request to API - REMOVE when finished
            $apiRequest = $url;
            echo '<p>API request: '.$apiRequest.'</p>'; */ ?>
        </table>
      </div>
      </body>
      </html>

          <?php
          else: //show form and allow the user to check for Google Book search results
          ?>

      <p><form id="searchForm" name="searchForm" method="post"> 
        <fieldset id="searchBox">
            <label>Search for a Book:</label>
            <input class="text" id="q" name="q" type="text" value="Powered by Google" onfocus="this.value=''; this.onfocus=null;" />
            <select id="type" name="type" size="1">
                <option selected value="all">Book Title</option>
                <option value="isbn">Books by ISBN</option>
                <option value="lccn">Books by LCCN #</option>
                <option value="oclc">Books by OCLC #</option>                
            </select>
            <input class="submit" id="submit" name="submit" type="submit" value="Search"  />
        </fieldset>
      </form></p>
      <?php
      //end submit isset if statement on line 73
      endif;
      }

[tharsheblows]

Sure – this is what I did on a test install. The current menu item class in mine is “current-menu-item” and I added a custom class “forum-class” to the forum menu item in my custom menu. I *always* forget that I need to unhide the css class input by ticking the box in “Screen options” at the top of the “edit menus” screen in admin. You probably don’t but I thought I’d mention. 🙂 Then I use that for the jQuery.

So:

1 – add “forum-class” to your forums menu item in your custom menu
2 – add this to your js file with YOURURL = the url of your site and forums = your forums slug :

$(function() { 
	      var forumURL = window.location.href.indexOf("YOURURL/forums/");
	      if(forumURL > -1){
	      	$('li.forum-class').addClass('current-menu-item');
	      }
	}); 

nb: addClass won’t add duplicate classes so no need to test if it’s already there.

[The Guilty Mommy]

I have a similar question. Can you have alternating text colors for your forum. If you look at my site at theguiltymommy.com, you will notice my backgrounds between posts change colors as do the font colors. On my forum, the backgrounds change but the font color always stays whatever color that is defined under the first post. I am using a child theme and don’t know a whole lot about CSS either, but am trying to make the forum at least functional. If it is not possible, I will just have to change it all to dark brown. I also have to work on font type and size, but readability is my first priority. Thanks in advance for any suggestions.

[Halo Diehard]

I’ve been working really hard on getting this up and running for a loooooong time, needed to convert it from phpbb3 so users were integrated. Been playing with the css and getting it mobile ready, integrating it with BuddyPress and such. Still got some bugs to work out, but I saw this section and figured it was time to share what’s possible. This is using the Custom Community theme, modified with css in a child theme of my design.

http://www.halodiehards.net/forums (if the link doesn’t work, I’ve changed the url from ‘hd-forums’ to ‘forums’)

Edit: I designed it using @lynq’s work found here – http://bbpress.org/forums/topic/i-have-created-a-bbpress-starter-theme-with-a-phpbb-look-and-feel/

[Halo Diehard]

Hey guys, I’m going to be changing the bbPress editor color scheme to work with a dark theme, and I’d like to know where the correct place is to do this? Where is the original css for the editor? Where would I put the “child” css? (if it’s different than the css folder in my theme)

I’ve been searching the forums, ‘net and files and can’t find it, so any help would be greatly appreciated.

I’m using the most recent versions of WordPress, bbPress and BuddyPress.

[hscoder]

First thing: Check that are you using any cache plugin, if yes purge all cache.

I have checked your forum and found the some css that you should see:

site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
margin: 0 auto;
/* max-width: 474px; */
}

.hentry {
margin: 0 auto 48px;
/* max-width: 672px; */
}

So check that..

[hscoder]

I know this is old thread. But my reply can be useful for the others.

You can change the font-size in your bbpress forum through editing your bbpress.css like as :

#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
font-size: 14px;
overflow: hidden;
border: 1px solid #eee;
margin-bottom: 20px;
clear: both;
}

In this article writer is explaining step by step. See this:

How to increase the font-size of the content in bbpress forums

thanks

[leopolds]

Hi,

I have just installed bbpress on my site, which is using the latest Twenty Fourteen child theme (only some simple css modifications.)

I want the forum listing page http://leopolds.com/discussions/ to look like this http://leopolds.com/bbs/ (created using shortcode).

There should be:

– No right-hand sidebar and centered content. I created a bbpress.php in my child theme folder and copied the full-width page template code to it. But it still looks different. Contents are not centered.

– No post-like forum listing. All forums I created are displayed under the usual forum listing section like posts.

Please help. Thank you very much.

[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