[Jerry]

I am using wordpress 3.9.1, buddypress 2.0.1, and bbpress 2.5.3. I am using child themes. I cannot change the css for bbp-reply-content without changing bbp-topic-content. Around line 315 in bbpress.css, if I change something for bbp-reply-content, that changes the reply and topic content. For example, in the below changes nothing happens. I have background color set to white, and the background for repy-content is commented out. If I comment out topic-content and use the background change for reply-content, then all topic content and reply content will have a white background. I would like to be able to change the background on the reply content and NOT on the topic content. Anyone have any thoughts on this?

#bbpress-forums div.bbp-topic-content{
  margin-left: 130px;
	padding: 12px 12px 12px 0;
	text-align: left;
  background-color: white;
}
#bbpress-forums div.bbp-reply-content {
	margin-left: 130px;
	padding: 12px 12px 12px 0;
	text-align: left;
  /*border:5px solid red;*/
  /*border: 11px ridge #7D573A;*/
  /*background-color: white;*/
}

[Jerry]

I am using themes and modifying bbpress.css. I figured out how to remove the roles of people making posts. I want to remove the topic authors only, but keep all authors of replies. Here are the changes I made to bbpress.css, which was to put “dislay: none;” under the forum and topic authors, but that has not worked.

#bbpress-forums div.bbp-forum-author,
#bbpress-forums div.bbp-topic-author {
  display: none;
}
#bbpress-forums div.bbp-reply-author {
	float: left;
	text-align: center;
	width: 115px;
}

#bbpress-forums div.bbp-forum-author img.avatar,
#bbpress-forums div.bbp-topic-author img.avatar {
  display: none;
}
#bbpress-forums div.bbp-reply-author img.avatar {
	border: none;
	max-width: 80px;
	padding: 0;
	margin: 12px auto 0 auto;
	float: none;
}

#bbpress-forums div.bbp-forum-author a.bbp-author-name,
#bbpress-forums div.bbp-topic-author a.bbp-author-name {
  display: none;
}
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
	margin: 0 12px;
	word-break: break-word;
	display: inline-block;
}

#bbpress-forums div.bbp-topic-author a.bbp-author-name {
  display: none;
}
#bbpress-forums div.bbp-reply-author a.bbp-author-name {
	clear: left;
	display: block;
}

#bbpress-forums div.bbp-forum-author .bbp-author-role,
#bbpress-forums div.bbp-topic-author .bbp-author-role,
#bbpress-forums div.bbp-reply-author .bbp-author-role {
  display: none;
//	font-size: 11px;
//	font-style: italic;
}

#bbpress-forums li.bbp-header .bbp-search-author,
#bbpress-forums li.bbp-footer .bbp-search-author,
#bbpress-forums li.bbp-header .bbp-forum-author,
#bbpress-forums li.bbp-footer .bbp-forum-author,
#bbpress-forums li.bbp-header .bbp-topic-author,
#bbpress-forums li.bbp-footer .bbp-topic-author {
  display: none;
}

The only way I have found to remove the topic author is to insert “display: none;” under the topic-reply authors, but that removes the topic-reply authors as well, which I don’t want to do. Perhaps I need to get into a php file to do this? If so, can someone direct me to the correct file? Thanks.

[Robin W]

yes,

add this to your functions file

//This function adds the words sticky before the title
function bbp_sticky_display () {
		if(bbp_is_topic_sticky()) {
		echo '<span class="sticky-display">' ;
		echo 'Sticky Topic' ; 
		echo '</span>' ;
		}
	}
		
add_action ('bbp_theme_before_topic_title', 'bbp_sticky_display') ;

and this to your style.css

#bbpress-forums .sticky-display{
background: none repeat scroll 0 0 #5BB75B;
color: #FFFFFF;
display: in-line;
padding: 5px;
}

you can change the words and styling to suit !

[ebarcena]

A temporary fix:

// 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 class="edit-my-profile"><a href="http://www.mysite.com/forums/users/' . $user . '/edit">My Profile/Edit Profile</a></li>';
		$menu = $menu . $profilelink;
		return $menu;
}

and then add this in your CSS file:

.edit-my-profile {display: none;}

I’m still interested in getting Robin’s function to work without the CSS fix.

[street2k]

What would be a helpful idea is for people who has a customized css color template of the bbpress.css file to post an image of their theme with a copy of the css so anyone who would like to achieve the same or similar outcome as a guide. So the ppl who aren’t code savvy can use it for their forum. That way there is no need for a plugin to be created.

[helmutforren]

Thanks, demonboy. I just changed that image to gray and got what I want.

BTW, I realized last night that I posted this non-bbPress-related question to a bbPress-related forum. Sorry about that. Nevertheless, thanks for the solution.

I use Chrome and viewed the source. I’ll look into Chrome Inspector. After a quick google I find it’s just the “inspect element” context menu option. Did it. Opened up detail. Noticed attributes or whatever on right panel of element highlighted in left panel. Couldn’t find header_bg.png as confirmation. Hunted around through detail by moving highlight. Finally found header_bt.png when highlighting “header” begin or end tag. That’s enough usability that I can work with this tool in the future. Thanks. It sure beats the very old way I used to debug html tables by adding a few colored borders and editing those around to isolate the offending table cell! Haven’t done much CSS at all, yet. The class-driven div’s in this header (and probably most) are the new (current) way to do the same thing as used to be done with tables. This inspector can also help me learn more CSS, from the inside out!

[demonboy]

Hi Stephen, thanks for the prompt and comprehensive reply. I want to include breadcrumbs because this forum is used by writers and authors who are more comfortable with pen and paper than they are a computer. Navigation has to be straightforward and obvious.

Your simple CSS works well and I’m not worried about the additional ‘›’, I can live with that. I’ve implemented it and it looks good, thank you.

[demonboy]

Well, I guess I should put my money where my mouth is when I say I’m fairly au fait with CSS! I managed to solve it and it was pretty obvious. Just swap the floating elements from left to right, where content becomes right and sidebar becomes left. Remember to end with the !important to override any other CSS. Code is thus:

.bbpress.single-forum #main #content {float:right!important;}
.bbpress.single-forum #main #sidebar {float:left!important;}
.bbpress.single-topic #main #content {float:right!important;}
.bbpress.single-topic #main #sidebar {float:left!important;}

[demonboy]

Going nuts, here. I’m using an Avada child theme and I’m fairly au fait with CSS and getting under the bonnet with PHP (commenting stuff out etc), though I’ve not done much aside from a few CSS changes.

My forum home has the sidebar on the left. The problem is when I click into a forum, (so the URL is http://www.lizcleere.com/forums/forum/assignments/, for example), the sidebar now jumps to the right. Same when I click into a topic.

What isn’t explained very well is the use of the additional slugs. ‘Topic’ is set as the slug ‘topic’, so surely it stands to reason that I create a ‘topic’ page, format it how I want the ‘topic’ section to appear, and save it with the name ‘topic’. I’ve tried that and it doesn’t work.

I’ve also tried disabling the WP Tweaks plugin, removing the inactive widgets, logging out, logging back in, reactivating etc etc. Nothing.

I then took a copy of Avada’s single.php and renamed it forum.php and made it a template. I’ve called that template up on my Forum page and the sidebar appears on the left, as intended. (Actually, it’s the Blog sidebar, even though I’ve set it to BBPress sidebar, but that’s another story.)

Why do ‘forum’ and ‘topic’ not inherit the properties I set on the forums page (i.e. default layout (not 100% width or full page or anything like that), sidebar on left, using the forum template page)? I feel like I’m missing something really obvious…

[Robin W]

ok, so put this in your functions file

//This function adds the author to the reply
function bbp_author_display () {
	if (bbp_get_reply_author_id() == bbp_get_topic_author_id() ) {
	echo '<span class="topic-author">' ;
	echo '<ul><li>' ;
	echo 'Topic Author' ; 
	echo '</li></ul></span>' ;
	}
	else return ;
	}
	
	add_action ('bbp_theme_after_reply_author_details', 'bbp_author_display') ;

and this in your style.css

#bbpress-forums .topic-author{
  background: none repeat scroll 0 0 #5BB75B;
  color: #FFFFFF;
  display: block;
  padding: 5px;
}

Job done !

[Robin W]

bbpress will use your standard page template.

see

Step by step guide to setting up a bbPress forum – Part 1

for the order and which one to look for.

But it is styling that will determine the width.

look in your theme’s style.css for code something like

#sidebar
{
padding: 20px 0 10px 0;
margin-left: 545px;
width: 190px;
}

and you may need to play with the content

#content {
float: left;
width:500px;
}

If you just want it changed for bbpress pages, then try

#bbpress-forums.sidebar
{
padding: 20px 0 10px 0;
margin-left: 545px;
width: 190px;
}

may or may not work, css not my strong point !

[boblebad]

Thanks for your answer @Robin-W 🙂

All is tried, i found the resetting of permalinks in another thread, have also resat the forum, the plugins are the same, and all are the newest ver incl theme and WP.

It’s a global thing, it’s all users who has the problem, i read of some where the admin could see the thread/post, but other users only the replies.

The only thing i have done with the setup that’s broken now, is that i have added, renamed and deleted some of the forums that was installed with the demo content with the site.

I also haven’t altered php or css for that area yet, so i really don’t have a clue.

Both site are on servers at servage.net.

I have checked the settings, and everything is set the same.

[Brent Brooks]

Hey Guys!

I am new to using BBpress. I have been learning a little bit each day and you guys rock!

My theme is DIVI from elegant themes.

Here is the start of my open forum:
http://blankstageproductions.com/forums/forum/bsp/

When I went to see how the forum looked on my smartphone it looked odd. All the words are bunched up on the RIGHT side of the screen making it difficult to read. Is there a plugin or some CSS coded I can drop in? I have done several searches but may not be looking in the right place for this.

For CSS I have learned to drop in code using the ePanel in the theme. I found a thread here with code, copied it in and the code took pretty well. I still have so much to learn in terms of CSS and how to change it but figure as long as the ePanel works I should be good.

[Brent Brooks]

I use a theme and drop in CSS in an ePanel. So far it seems to be working. CSS confuses me but I think it is the code that creates the forum and the makers have made it so when you do it it does not destroy the core of the code – but one can alter it and delete it later and it all returns to normal…

[Solidify]

My theme comes with an option in the settings to add my own CSS codes. I love it because I’m just starting out and learning a lot about CSS by just putting snippets of code in there and seeing what it does. Of course none of it fazes my forum and that really really sucks because I’ve read a lot of great reviews about bbPress and I’d like to use it on my site.

Why doesn’t bbPress have the same feature? Is there an up to date plugin I can use, or do I have to create a custom style sheet?

[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

[Baker]

Just installed bbPress for the first time and followed the installation guide, but the layout of the forum does not look right. Is this a template issue or css? Any help would be appreciated.

http://thecrewcall.com/forums/

[dhalkias]

I have copied the bbpress.css file to my child theme. However when I edit the sticky code to try and change the text color and background color nothing happens. My code is below.

.bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
	background-color: #ffffff !important;
	font-size: 1.1em;
	color: #black !important;
}

Can anyone help me to get the colours working?

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

[smashthegame]

Hi there,

I’ve started using your bbPress plugin for wordpress. I’ve followed every instruction I could find to disable the sidebar and have a full width page on the forums page. I’ve tried nearly everything including some css posted in another thread, using a full-width page template and commenting out get_sidebar() from every file in the extras folder.

Please help! I don’t want to have to delete my forum data and start all over again simply because I can’t get a sidebar to disappear. This should be a simple excercise.

Cheers
-STG

[carterlongbeach]

Hi.
I’m also trying to remove the Freshness/Voices/Topics columns in the forums. I’ve mostly figured out how to remove the column headers and the text in the columns (as per the conversation above), but the empty columns are still there.

How can I completely remove the columns so that the forum and topic titles can fill in the space to the right?

I am looking at forums.php and see something about columns but, not being a programmer, am afraid to mess with it. Or is in in a CSS file?

Any suggestions?

Thanks.

[Robin W]

ok, just because it was annoying me, I looked further

you should have a folder in your theme called forums which has a number of .css files in it.

As far as I can work out, somewhere you can set up schemes for your forums within this these, or another plugin, and you have selected theme 4?

Anyway two .css files are active

in http://www.betatestarena.com/forums/

the page is using

/forums/#4.css as it’s style file

This has

body.it-background {
}

ie not set, but uses

body.custom-background {
  background-attachment: fixed;
  background-color: #000000;
  background-image: url("http://www.betatestarena.com/wp-content/uploads/2014/05/Background.png");
  background-position: center top;
  background-repeat: repeat-x;
}

to give you the background color

In your other link – http://www.betatestarena.com/forum/announcements/

the page is using

/forums/ammouncements/#4.css as its style file

which has

body.it-background {
  background-image: none !important;
}
body.it-background {
  background-color: #D2D2D8 !important;
}

on lines 760 and 761

which set the off-white color.

so play with these settings to get what you want.

[Primus Palus]

If I view the index of the bbpress forum I can see my background image for my theme. When I click to go into a specific forum, the background is replaced with a color (off white).

I imagine this is all CSS related and somewhere in the code. I however would like to set all forums to show the same background. I am using a theme called “Explicit” for my wordpress site.

Thanks. I hate being new to this.

[Mike]

Thanks, but I finished and moved on. I tried and failed with several different approaches like this, but copying and altering 2 functions took less than 2 minutes as the //comments were clear about how to disable the AJAX.

I took me almost 2 weeks part-time to customise the bbpress forum. I spent a lot of time messing with IDs and classes to target CSS changes and trying to figure out the proper code to modify defaults.

For example finding the code to return just an “edit” for replies was a matter of great googling and some luck.