[EzYRiDaH]

Hi there,
I use the Genesis framework. In the Genesis theme there is a CSS part that sets the global margins.

.entry {
	margin-bottom: 40px;
	padding: 50px 60px;
}

I managed to change a lot of the CSS by learning trial and error. I managed to change lot of the CSS of bbPress, but I don’t now how to change specific global things only affecting the bbPress forum.

How can I change only the margings and the font type of the forum, without affecting the rest of the site (Genesis CSS).

Your help is highly appreciated 🙂

[Jacobo Feijóo]

Well. I am a writer, not a developer. My theme makes my forum looks awful. If I try to change colors, fonts… I need to know CSS.

Developers: please… design a simple plugin for people like me. A very-simple-plugin that allows me to change colors, fonts and two or three things more. I would be help a lot to BBPress users than don’t know how to use CSS.

Hugs,

[Robkk]

as it seems that everything has to be changed to make it responsive

not really bbpress is technically responsive , its just the tabled layout of the title , stats , and freshness needs a better look for mobile.

There seems to be a 10px padding on the left where the search button half hides under

well i fixed that by floating the whole search form left instead of right. but i dont know how to fix this at the moment, id have to fiddle around with your sites css in my browser to find whats causing it.

the forum table aligns there but there is a large space on the right which is where the sidebar that has diplay:none on iphone – so i suppose need to make the forum full page without sidebar in iphone view.

well normally themes have there sidebar display under their main content when it reaches a certain width. Check out and see if your theme is suppose to do this normally.

I also see there is more than one style sheet

bbpress.css is the main one you have to edit , (put it into child theme in a css folder, wp-content>yourtheme>css)

bbpress.min is the minified version

bbpress.rtl is the version of bbpress.css that users from area that read right to left use.

[Robin W]

Glad you found some stuff I have written useful

Unfortunately to get to the level you want to you will need to start dabbling with code

Functions files and child themes – explained !

should help you.

Breadcrumbs

but hiding the breadcrumbs per the directions didn’t work for some reason.

You’d need to tell us what you did to help you further

Forums name

That initial breadcrumb belongs to your theme, so you’ll need to query it with your theme provider.

Any idea how long it’s going to be before Live Preview is ready for prime time?

that code is written by a private individual, so no-one but him can say when it would be live, and I don’t know if it works !

Finally, how do I make the posts and the editor wider. Is that CSS controlled by my theme or bbPress?

theme !

[K-Path]

WordPress 4.0 running Montezuma theme.
bbPress Version 2.5.4
Site location: http://ecopsi.org/forums/

Breadcrumbs
Including the theme I have three sets of breadcrumbs with the WP theme breadcrumbs at the top and which follow the forums well enough. Below are of course the two bbPress breadcrumbs. I want to hide both the bbPress breadcrumbs. The one immediately above the forums and the partial one on the right next to the search box.

I found some helpful things here

Layout and functionality – Examples you can use

and here

bbPress Styling Crib

Unfortunately the directions assume expertise beyond mine. I was able to do things like float [subscribe] to the right of the console but hiding the breadcrumbs per the directions didn’t work for some reason. My php kung fu isn’t much to brag about.

Forums Name
A more experienced person helped me change the name [Forums] to [The EcoPsi Forums] but it only partially worked and didn’t change the name in the primary breadcrumbs at the top. It also didn’t change the name of the root of the forums which is still [Forums]. I want make the [Home] link at the root of the forums go away. It annoyingly tempts me to click thinking I’ll return to the root of the forums but instead takes me to root of the website.

Finally, how do I make the posts and the editor wider. Is that CSS controlled by my theme or bbPress? Any idea how long it’s going to be before Live Preview is ready for prime time?
https://github.com/r-a-y/bbp-live-preview/

[Jamie Dallaire]

Hello,

I’ve got a simple forum set up using the shortcode. I used the same shortcode on the translated page (French). When bbPress is activated, I have noticed the following issues:

– The top right language switcher re-directs me to the french homepage instead of the community forums page. If bbpress is de-activated, the language switcher works as advertised. All other pages are fine.

– The shortcoded forum on the French page does not carry over custom css styles I input with the Simple Custom CSS plugin. Seems like it has to do with the page template I am using. For some reason, the English side automatically uses my theme’s ‘Upcoming Events’ template. I have the option to choose on the French side, but if I pick that same ‘Upcoming Events’ one, the custom css colours do not carry over.

And lastly, and I believe this is a concern of many. A moderator to the site can not create or modify forums – which I find ridiculous. Any work around to this?

Any help would be appreciated

[Jerry]

Hi,

I apologize for posting this request to the forum. I tried for a long time last night but it was late and just couldn’t get it. I went at it again during half time and was able to get it quick enough using bbpress.css.

Thank you for your time

Jerry

[jswigard]

Hello –

Can anyone help me understand how to change the font color in bb? I want to change the color which looks to be white. Please take a look here:

http://prospectsites.com/forums

If you look above Prospectsites.com Forums, the text should be visible but isn’t until you click in the box and then drag to reveal the text. I can’t figure out which .css to modify if that is what needs to be done.

Help appreciated!

[RafaelDeJongh]

I’ve already seen a couple people with the problem but without much avail, I’m not running any plugins mentioned yet I still experience the problem after updating to WordPress 4.0

I’ve already reverted my wordpress installation as I can’t really put the forum out for more than a day, I’m running the following plugins on my site:

Adminimize
AdSense Click-Fraud Monitoring Plugin
amr shortcode any widget
BAW Login/Logout menu
bbPress
bbPress Custom CSS File
BulletProof Security
GD bbPress Tools
Google Adsense Dashboard
Google Analytics Dashboard for WP
Inactive User Deleter
Limit Login Attempts
Theme My Login
WP User Avatar

Does anyone know what plugin could be causing the problem if this isn’t a problem with BBpress?

[StargateCarterPack]

I’ve already seen a couple threads but without much avail, I’m not running any plugins mentioned in that thread yet I still experience the problem after updating to WordPress 4.0

I’ve already reverted my wordpress installation as I can’t really put the forum out for more than a day, I’m running the following plugins on my site:

Adminimize
AdSense Click-Fraud Monitoring Plugin
amr shortcode any widget
BAW Login/Logout menu
bbPress
bbPress Custom CSS File
BulletProof Security
GD bbPress Tools
Google Adsense Dashboard
Google Analytics Dashboard for WP
Inactive User Deleter
Limit Login Attempts
Theme My Login
WP User Avatar

Does anyone know what plugin could be causing the problem if this isn’t a problem with BBpress?

[Stephen Edgar]

Theoretically based on bbPress’ topics, “sticky topics” are the same as standard topics with an extra flag for the type and CSS, I’d expect S2 to handle both these topic types the same way, of course it depends on the if the topic is in the same protected forum or if it is a “global sticky” not in the same forum.

If you have either type of sticky topic I’d suggest you also check if they are protected or are public.

[StargateCarterPack]

Hey there everyone,

I’ve just registered to post this problem I’m currently experiencing which happens with the latest update of WordPress.

The boards all work however the threads and the post in the frontend are all gone, they’re actually still present in the backend of the wp-admin but on the actual site they can’t be seen anymore.

This only happened after the latest wordpress 4.0 update so I’m sure it has something to do with that.

Here is a link to my website: http://sg-carterpack.com/forum/

Thanks in advance for anyone who can assist me with fixing this as I sadly did not make a backup and the forum is our sites main focus so it’s really important for me to get this fixed asap!

MODERATOR EDIT: Here is a copy of your content from your other post below

I’ve already seen a couple threads but without much avail, I’m not running any plugins mentioned in that thread yet I still experience the problem after updating to WordPress 4.0

I’ve already reverted my wordpress installation as I can’t really put the forum out for more than a day, I’m running the following plugins on my site:

Adminimize
AdSense Click-Fraud Monitoring Plugin
amr shortcode any widget
BAW Login/Logout menu
bbPress
bbPress Custom CSS File
BulletProof Security
GD bbPress Tools
Google Adsense Dashboard
Google Analytics Dashboard for WP
Inactive User Deleter
Limit Login Attempts
Theme My Login
WP User Avatar

Does anyone know what plugin could be causing the problem if this isn’t a problem with BBpress?

[bgigibb]

Can anyone help me in changing the size of the login button on the bbpress login widget. I must of tried over 20-30 different css codes, clearing cache and logging in and out and no matter what I do I cannot change the size of the login button.

I applied this code to change the size of the submit button

#bbpress-forums .submit {
background-color: ##a0668d;
color: #000000;
float: center;
vertical-align: middle;
border-radius: 10px;
height: 35px;
width: 80px;
font-size: 18px;
}

but I cannot locate the login button that is coming through the widget, even after inspecting with firebug and trying for the past 2 days.

[bgigibb]

Login widget login button size on sidebar
Wordpress: 3.9.2
bbPress: Version 2.5.4

Hello bbpress forums. I have been trying to accomplish a custom css change on my website. I installed bbpress, customized it a bit and added some forums. I added the widget on the right sidebar of my website. I then went to test it out a bit and noticed the login button being extremely tiny and hard to see.

When posting a topic of reply I also noticed the submit button was small and hard to see for some people. So I just wanted to make the login button on the sidebar widget a bit larger.

I used firebug and inspected the sidebar probably all day yesterday trying over 20 different custom css changes and had no luck. I tried things like:

============
#sidebar .button {
background-color: ##a0668d;
color: #000000;
float: center;
vertical-align: middle;
border-radius: 10px;
height: 35px;
width: 80px;
font-size: 18px;
}
================
body #sidebar .button {
padding-left: 45px;
!important;}
================
.user-submit {
padding-left: 45px;
!important;}
=================

My firebug skills are not that great but I am working on it. I tried so many other custom css changes to make this login button larger. I can go into firebug and actually change this and the button does change, I just cannot find the custom css to make this change permanent.

body #sidebar .button {
padding-left: 100px;
}

I did make the submit button for posting and replies larger, after finding this useful custom css code in the bbpress styling crib of the bbpress support site.

============================
#bbpress-forums .submit {
background-color: #a0668d;
color: #000000;
float: center;
vertical-align: middle;
border-radius: 10px;
height: 35px;
width: 80px;
font-size: 18px;
!important;}
========================

So that is good I got the submit button larger and more noticeable. If anyone is out there that would be able to assist me in just making this login button a bit larger it would be greatly appreciated. Thank you for reading this

[obatron]

Still did not help. Yes, I

1. Created a wp-content/themes/twentyeleven-child folder
2. Created a twentyeleven-child/styles.css file with the info from the instructions
3. I copied twentyeleven/sidebar-page.php to twentyeleven-child/bbpress.php
4. I created a twentyeleven-child/css filder
5. I copied the bbpress.css file from the plugins/bbpress/templates/default/css folder to the twentyeleven-child/css folder.
6. I modified the bbpress.css to change a few colors.
7. I installed the plugin plugins/bbpress/templates/default/css and configured it to look at bbpress.php
8. I chose Post Name int he Permalink Settings
9. I created a page call Forums and ensured its Permalink was forums
10. I tried both default and sidebar template for it.

I tried both of the above suggestions in style.css and bbpress.css in the child tree to no avail.

I would be good with going with a “wide” page and no sidebar and just putting creating pages for logins and so forth, however, the problem there is the index page ends up with a blank sidebar so looks funky.

Thanks four your help and suggestion though!

[Robkk]

the sidebar and the forum display overlap.

put this where you can put custom css and tell how it is.

#bbpress .singular .entry-content {
margin: 0 auto;
width: 68.9%;
float: right;
}

[obatron]

Versions: WordPress 3.9.2, bbpress 2.5.4, bbpress WP Tweaks 1.3.1
Site: http://www.obatron.com/forums
Theme: TwentyEleven

I have a child theme: twentyeleven-child with a style.css file in it, no customizations to it. I added a folder under it called css and copied the bbpress.css from the plugins tree to it to change the colors only (still working on colors so pardon if there are issues). I copied the sidebar-page.php file to bbpress into this folder.

My Forum page is blank, just titled Forums with a Permalink named http://www.obatron.com/forums/ and a template set as Default.

The problem: Forum index works fine, but when you go to a forum, the sidebar and the forum display overlap. I’ve tried various combinations of removing/moving the bbpress.php file to no avail. I also tried without the tweaks plugin, without the child template, and so on…

I tried going with just a full page and just use pages with the proper tags for login, etc, but then the forum index looks odd because it continues to use the sidebar template no matter what.

If I change the theme options to put the sidebar on the right, the forum index continues to work, but the forum page sidebar now appears below the forum…

Now, I’ve searched for this and see others occasionally complaining about similar, but have not seen an answer that works…

[Robkk]

you might be able to do this with css if the forum root has a certain class or id

if it does use :before after the class/id and content:"N C L F" and then just style it to fit the rest of your breadcrumbs

[Robkk]

Do you have any ideas on how I can make my registration form attractive for people to register?

use some css

Are there any examples of other sites?

not really on the top of my head

Should I create a widget area above the forum as well?

thats all you, you make that decision.

[Robkk]

haha i read everything

what i just doing is lead you to a google search , it was suppose to help you to find info that might help you

any kind of information is good when trying to speed up a website.

i dont know if you use alot of bbpress plugins or plugins that work with it and you need to optimize scripts and css handling.

or if your forums have alot embedded images or uploaded images.

or that you need a database optimizer plugin

im just trying to help you on a pretty broad question

i wasnt trying to be rude or anything if you took it that way

other than that i guess wait til 2.6

[Stephen Edgar]

Add the following CSS to your custom CSS and you should be good to go:

#bbpress-forums span.bbp-author-ip {
word-wrap: break-word;
}

I have added word-wrap: break-word; to bbPress CSS in #2675

span.bbp-author-ip {
	font-family: 'Helvetica Neue', Arial, Helvetica, 'Nimbus Sans L', sans-serif;
	font-size: 11px;
	font-weight: bold;
	word-wrap: break-word;
	color: #aaa;
}

[Robkk]

to move the edit profile link right use this.

replace the original edit profile code with this.

// Filter wp_nav_menu() to add profile link
add_filter( 'wp_nav_menu_items', 'my_nav_menu_profile_link' );
function my_nav_menu_profile_link($menu) {  
    if (!is_user_logged_in())
        return $menu;
    else
        $current_user = wp_get_current_user();
        $user=$current_user->user_login ;
        $profilelink = '<li id="bbp-editpro"><a href="http://www.astronomertalk.com/forums/users/' . $user . '/edit">Edit Profile</a></li>';
        $menu = $menu . $profilelink;
        return $menu;
     
}

custom css

#bbp-editpro {
	float: right;
}

that should move it right.

[Robkk]

okay heres how to get full width

this should be your bbpress.php in your child themes root directory wp-content/awesome/bbpress.php

you can also remove the css that i gave you from this topic

Hide author/admin

since i removed the post author info in the template.

<?php get_header(); ?>

<?php do_action( 'bp_before_content' ); ?>
<!-- CONTENT START -->
<div class="content">
<div class="content-inner">

<?php do_action( 'bp_before_blog_home' ); ?>

<!-- POST ENTRY END -->
<div id="post-entry">
<section class="post-entry-inner">

<?php if (have_posts()) : ?><?php while (have_posts()) : the_post(); ?>

<!-- POST START -->
<article <?php post_class('post-single page-single'); ?> id="post-<?php the_ID(); ?>">

<h1 class="post-title entry-title"><?php the_title(); ?></h1>

<?php do_action( 'bp_before_page_content' ); ?>
<div class="post-content">
<div class="entry-content"><?php the_content( __('...more &raquo;',TEMPLATE_DOMAIN) ); ?></div>
<?php wp_link_pages('before=<div id="page-links">&after=</div>'); ?>
</div>
<?php do_action( 'bp_after_page_content' ); ?>

</article>
<!-- POST END -->

<?php endwhile; ?>

<?php else : ?>

<?php get_template_part( 'lib/templates/result' ); ?>

<?php endif; ?>

</section>
</div>
<!-- POST ENTRY END -->

<?php do_action( 'bp_after_blog_home' ); ?>

</div><!-- CONTENT INNER END -->
</div><!-- CONTENT END -->

<?php do_action( 'bp_after_content' ); ?>

<?php get_footer(); ?>

and heres some css

.bbpress .content {
	width: 100%;
}

this should get you full width

[mouna84]

Hi there,

I’m using: wordpress version 3.9.2–de_DE
bbpress version 2.5.4

The site I need help with is: http://darjinan.com/forum/

I deleted the sidebar by copying page.php and renaming it to bbpress.php. But I can’t figure out how to center my forum. Here’s the code:

<?php 
/**
 * Theme Page Section for our theme.
 *
 * @package ThemeGrill
 * @subpackage Accelerate
 * @since Accelerate 1.0
 */
?>

<?php get_header(); ?>

	<?php do_action( 'accelerate_before_body_content' ); ?>

	<div id="primary">
		<div id="content" class="clearfix">
			<?php while ( have_posts() ) : the_post(); ?>

				<?php get_template_part( 'content', 'page' ); ?>

				<?php

					do_action( 'accelerate_before_comments_template' );
					// If comments are open or we have at least one comment, load up the comment template
					if ( comments_open() || '0' != get_comments_number() )
						comments_template();					
	      		do_action ( 'accelerate_after_comments_template' );
				?>
			<?php endwhile; ?>

		</div><!-- #content -->
	</div><!-- #primary -->
	
	<?php /*accelerate_sidebar_select();*/ ?>

	<?php do_action( 'accelerate_after_body_content' ); ?>

<?php get_footer(); ?>

Can someone please help me? I’m a complete newbie to html and css.
Thank you.

[Shupreme]

Hi there,

I have bbPress but the thing is I can’t fix the page width,
I did it successfuly with the home page of the forum but now
I want to do the same with the topic page, I still see widgets on the left which is annoying.
I don’t know why bbPress guys can’t fix that, it’s been a problem for many people, so please can you help me make the topic page large (full-width)..
I’m good with HTML and CSS, so if you can just tell me which file I should edit…
(I’m not talking about the forum main page I already fixed the width for it, I’m talking about the topic pages.)
Thanks alot!