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

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