[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

[Piani]

After looking into child theme and options to make a complete theme for BBPress 2.5 I want to share this. (Unfortunatly the web is flooded with usless 1.0 tips)

If you are not that into setting up a complete BBPpress child theme and hacking CSS, this is one simple way of doing a easy change and customisation of BBPress if u want some personalized look and you already have a child-theme style.css but your main-theme style is messing with BBPress looks.

Add this snippet into your normal child-theme style.css and change the colors and font size as you like.

/* BBPress font fix */

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
background: #D6E0FF;
}

#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-topic-title h3,
#bbpress-forums div.bbp-reply-title h3 ,
#bbpress-forums a.bbp-forum-title,
#bbpress-forums a.bbp-topic-permalink {
	font-size: 16px;
	color: #0066FF;
}

#bbpress-forums a.bbp-author-name {
	font-size: 12px;
	color: 	#75A3FF;
}

Thats all. All other style is already looking nice I think. I use this blue look in my Techism child-theme and it looks great. Running BBPress 2.5.3.

[shpitzyl]

The script in the link is working, you probably haven’t closed it with php tags.

Put this in bp-custom.php in the plugins folders

<?php
function bp_exclude_profile_tabs() {
global $bp;

$bp->bp_nav['forums'] = false;
}
add_action( 'bp_setup_nav', 'bp_exclude_profile_tabs', 999 );
?>

If you prefer to do it with css, you need to copy bbpress.css from:
plugins/bbpress/templates/default/css

And put it in:
themes/[your child theme folder]/css

(if you don’t have a css folder in your child theme, create one)
Then put the css rule mentioned above somewhere in the file.

[metalmick]

Using firebug i was able to remove the forums-personal-li which took the ‘forums tab’ completely away! 🙂 So why can’t I just do this somewhwere in css?

There so many people asking the same question as me and getting just as frustrate… why can’t there be an update that simply allows deactivation of forums?

[shpitzyl]

Look at this blog post:
http://themekraft.com/blog/customize-profile-and-group-menus-in-buddypress/

I haven’t checked it, so if it doesn’t work, you can always use css.

put this line in bbpress.css in your child theme:
#forums-personal-li {display:none;}

[Stephen Edgar]

You probably just need to target the CSS to only there forum titles:

#bbpress-forums ul.forum-titles {
	background: none;
	margin: 0;
	list-style: none;
}

[IngeT]

How can I show the freshness links within the different subforums, but not on the forum overview page (where all forums are listed)?

I found a way to make them invisible through css, but now they’re invisible everywhere.
I don’t want them to show here but I DO want them to show within the subforums, like this one.

Thanks in advance!

(Apologies if this pops up twice, I made this topic before but it only showed in my profile, not here).

[IngeT]

How can I show the freshness links within the different subforums, but not on the forum overview page (where all forums are listed)?

I found a way to make them invisible through css, but now they’re invisible everywhere.
I don’t want them to show here but I DO want them to show within the subforums, like this one.

Thanks in advance!

[lizat]

I want to change the default look of my forums.

1. I like the way this forum and the index looks. The Index has a summary of the forums and the forum threads page has a summary of forum stats. In both cases these are in a left sidebar. How can I achieve this?
2. Currently the first item in the forum is justified left. The first reply under it is also justified left, rather than indented. Subsequent replies are then indented as I would expect. How can I get the first reply indented…. a CSS change?

Thank you……….liz