[cubeacid]

So, I have managed to hide “post-form” by editing “bbpress.css”-file

Added line “display: none;”

#bbpress-forums fieldset.bbp-form {
display: none;
clear: left;

But this hides “post-form” completely so I’m not able to, for example, reply any topics there are in forums. Anyone?

[NLBlackEagle]

I found the way to fix the gray out issue for most people. However this didnt worked for me.

In this folder: /wp-content/plugins/bbpress/templates/default/css
Open up bbpress.css and find #bbpress-forums .status-closed,

I changed color: #ccc; to #000;

This should have fixed the gray out issue. However it did not worked =/

This is a paste of the bbpress.css file: I changed line 59

http://www.hastebin.com/ilehunucay.css

[NLBlackEagle]

I found a topic on this issue, however I Didnt managed to fix it ( Im using Magicraft theme by the way )

I found the bbpress.css and added:

#bbpress-forums .bbp-body .status-closed,
#bbpress-forums .bbp-body .status-closed a {
color: #ccc;
}

#bbpress-forums .bbp-body .bbp-topics-front ul.super-sticky,
#bbpress-forums .bbp-body .bbp-topics ul.super-sticky,
#bbpress-forums .bbp-body .bbp-topics ul.sticky,
#bbpress-forums .bbp-body .bbp-forum-content ul.sticky {
background-color: #ffffe0 !important;
}

Anyway, even if the gray out issue was fixed, I still can’t see any content of the closed topic.

[Hector]

hi @giantqtipz, in wp-content/plugins/bbpress/templates/default/css/bbpress.css

search line 121:

#bbpress-forums .bbp-forums-list li {
display: inline ;
font-size: 11px;
}

Changing the display: inline to display: list-item

regards 😉

[Icaroferreira]

I use UserPro plugin, and there is a CSS option, when I put this CSS, nothing happens =(

My site is still under construction, see link:
http://ajudaroproximo.com.br/foruns/topico/bem-vindos-ao-forum/

How do I send an image attachment, and thus show you how I like to stay?

[Robkk]

try this css code i forgot about min-width for a second.

im setting a minimum width of the picture to be at least 100px just like this forum has.

#bbpress-forums div.bbp-reply-author img.avatar {
border: medium none;
min-width:100px!important;
max-width: 150px!important;
padding: 0px;
margin: 12px auto 0px;
float: none;
max-height: 150px!important;
}

[Icaroferreira]

This CSS below did not increase the width and height of the photo:
#bbpress-forums div.bbp-reply-author img.avatar {
border: medium none;
max-width: 150px;
padding: 0px;
margin: 12px auto 0px;
float: none;
max-height: 150px;
}

This CSS increases the space between the photo and the post, but does not increase the size of the photo (does not increase the width and height of the photo):
#bbpress-forums div.bbp-forum-content,
#bbpress-forums div.bbp-reply-content,
#bbpress-forums div.bbp-topic-content {
margin-left: 150px;
padding: 12px 12px 12px 0;
text-align: left;
}

So I wish I could increase the size of the width and height of the picture, and also the space between the picture and the post.

[Robkk]

you dont need to bump your topic up.

and if you have more questions make a new topic.

i already gave you css on how to change the reply author avatar here
https://bbpress.org/forums/profile/robkk/

the space between the avatar and the post can be increased by adding this and changing 130px to what your max-width of image is , as i said the max-width of the image at the site you led me to has a max-width of 150px so my css for the post would be something close to.

#bbpress-forums div.bbp-forum-content, 
#bbpress-forums div.bbp-reply-content, 
#bbpress-forums div.bbp-topic-content {
margin-left: 150px;
padding: 12px 12px 12px 0;
text-align: left;
}

to rename roles you can use the code on this , download and upload as plugin or copy from add filter down and put it into your child themes functions.php

https://gist.github.com/ntwb/7864894

[Icaroferreira]

In my plugin UserPro, has a page of CSS, which changes the bbPress forum.

So what could I use CSS to change three items:
– The image (photo that appears when you make a post).
– Space between the photo and the message (because when I increased the width of the photo, the photo was leaning against the post).
– And also how do I over the photo, appears a name, example: “Moderator”, “Admin”, “Member” …?

Help me please.

[Robkk]

i think you alread implemented the login and register buttons you were talking about.

i also recommend adding a border to the text input boxes of the register and login forms, because they seem invisible, and also for the submit buttons for each form.

you can just use simple css to fix that.

to edit the appearance of the forum you can copy bbpress.css into your child and edit that then changes you make will affect the look of your forum.

you can also copy the templates in wp-content>plugins>bbpress>templates>default>bbpress

i recommenced just copying the whole bbpress folder into your child theme.

there is more in the documentation about this.

Step by step guide to setting up a bbPress forum – part 2

Step by step guide to setting up a bbPress forum – part 3

Functions files and child themes – explained !

Layout and functionality – Examples you can use

looking through the rest of the bbpress documentation isnt a bad thing too.

Codex

[Robkk]

i did not create a page for the forum archive using the shortcode.

but i did get full width on all the bbpress post type pages by creating a bbpress.php then using this css code.

.bbpress .main {
background: none repeat-y right 0;
padding-right: 0px!important;
}

[Robkk]

you can first seperate the role , reply author name , and avatar.

i just put loop-single-reply.php into my child theme folder called bbpress

then i just remove this line in loop-single-reply.php

<?php bbp_reply_author_link( array( 'sep' => '<br />', 'show_role' => true ) ); ?>

and replace it with these three lines of code.
this code also puts the role above the avatar.

<?php bbp_reply_author_link( array('show_role' => true, 'type' => 'role' ) ); ?>
<?php bbp_reply_author_link( array( 'show_role' => false, 'type' => avatar , 'size' => auto ) ); ?>
<?php bbp_reply_author_link( array( 'show_role' => false,'type' => 'name' ) ); ?>

and to have that sites kind of avatars you dont have a fixed width so the avatars size varies a little bit in height and width but it has a max width it never go bigger than.

to do that you would have to use this.

max-width and max-height are both 150px you can change that to whatever you want.

add this css whereever you can have custom css

bbpress.css in a child theme
child themes css
jetpacks custom css module
custom css plugin

#bbpress-forums div.bbp-reply-author img.avatar {
    border: medium none;
    max-width: 150px;
    padding: 0px;
    margin: 12px auto 0px;
    float: none;
    max-height: 150px;
}

if you change your mind about having the varied avatar sizes
you can remove 'size' => auto in the avatar code. which would leave the default 80px
or change 'size' => auto to whatever number you want example 'size' => 60

[Robin W]

ok, just looked and all the pages look fine now except the forum page – is that correct?

bbpress should use the bbpress template for all the pages, so you can’t really css the individuals (or not without tons of code).

How are you going to the initial forum ? is it method 1 or 2 from the following

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

and whichever try the other !

Once you are consistently wrong on all pages, you can make it consistently right !

[bertusschoeman]

Hey Robin, thanks so much! The code you supplied me with alters the main forum page a bit (the page that we do not want to chage, but use as a model for the topic and discussion pages) and leaves the topic (http://secularsociety.co.za/forum/forum/sass-general) and discussion pages (http://secularsociety.co.za/forum/topic/sass-vision-statement/) aligned to the left. I have been playing around with your code as well as a bunch of other CSS, but I can not seem get the topic and discussion pages to look like the original main forum page :/ I think that we will need to address each page’s CSS instruction individually. Trying to change the CSS in one go seems to have different results on each of these pages. Any further assistance would be greatly appreciated.

[germars]

okay, that may have helped me. Can you help me by telling me where I can fix the css for the forum menus? They look terrible and aren’t really very obvious (at the bottom left of the page)

Thank you!

[Mr-B]

We have a team who have been working over summer on a site for English speaking ex-pats living in Germany.
We have chosen a Templatic theme business directory, and have integrated bbPress as a forum. There are some bbPress formatting limitations because of the theme, and we have done our best with CSS to try and make the bbPress part responsive for a mobile. We prefer the newest first comments so make use of the excellent plugin “bbpress-sort-topic-replies”.
We went through a process of evaluating many different forums, including Muut, but in the end good ol’ SEO won the battle, bbPress having nice old-fashioned sitemap entries.
So here it is (feedback welcome)!
Engdex.de

[Stephen Edgar]

See the code I just posted here, add’s the CSS classes without template modifications 🙂

Topic background color depending on role

Also going to close this, rather than others bumping it in the future 😉

[Stephen Edgar]

For #3 the user topic and reply counts underneath their role in each topic/reply will be in the next release of bbPress.

And images based on forum roles can be achieved using the same code I just posted here by inserting the image using CSS :before or :after pseudo elements .

[Robkk]

well you can check out this topic and maybe it will help

How to change Admin Reply

when schmoos code has .user-id-1 well thats the id of the user

go to user>all users search for all your sites keymasters.

then click edit by each users avatar

after that you are in the edit profile page for that particular user and in the url it says user_id=(number)

get all the user id numbers and then you can stack them using commas in a css code like this

.type-reply.user-id-1,.type-reply.user-id-2,.type-reply.user-id-3 { background: yellow; }

[Robkk]

@pavle123

I understand that man, I would rather have this as a plugin or just a template for my forums opposed to a theme, as I do not want to change a theme.

well if i make a child theme you can just take whatever code is in the templates and the bbpress.css file i have.

I know this info about quicksprout because I am an active member of a community and it has been mentioned by the owner (i think there is even a sticky post about forum cost since many people ask this over and over).

J just saw the topic , it even says he plans to spend 20,000 when its all set and done. When I really looked at it I can see there is some modified plugins like bbpress direct quotes and new ones like how it has reputation under each user, but c’mon 20,000!!!

What I do not like about their theme is that you have to click on the subforms in order to see if there is a latest post already there.

well i like to keep some freshness stats when the forum is mobile. And how i have it right now is the latest post time goes to the latest topic in that forum.

[Robkk]

mobile look is bad in nearly all themes or they just hide things

well yeah but bbpress support fixed the way replies look a while ago by floating the name and role to the right of the avatar.

I think the only problems now is just the way topic/forum stats and freshness display.

And also if you have breadcrumbs , subscriptions , topic descriptions ,and topic tags they become a mess at the top.

thing is though the easiest way to fix some of these things is to hide them with css.

other ways might be to use a mobile theme, or maybe jquery.

The best mobile version of a bbpress website ive seen is probably quicksprouts forum

http://www.quicksprout.com/forum/

the big part i like is that the permalink to a forum and topic has a huge tap target which is great for mobile users.

Im trying to figure that out but its going to take awhile, but yeah easiest way to get it is to probably have a mobile theme.

i am also trying to implement the way some mobile websites display forums , and also the way mobile apps display forums, example : reddit is fun app on android, or tapatalk.

and this site here also need a mobile version

it does , i saw they made a ticket in the trac to make the site responsive , so im sure its gonna happen in the future.

[Robkk]

@pavle123 thank you for the compliment

The progress of this is theme is probably at 65% of completion.
Im really just removing unnecessary code in templates and css that are not useful since i made some arrangements.

and also im really just thinking what else could i add thats different from other forum software.
if you have any ideas on what to add please feel free to share.

and also if i should just share a child theme of a default theme like twenty twelve for free.

or make a theme off of _s put whatever i want in it and sell it for like 5-15 dollars.

[bertusschoeman]

Good day, I am running the latest versions of WordPress and bbPress and would appreciate some assistance with getting my forum’s sub pages full width. I am using Elegant Themes’s Divi theme.

So I can choose to have the main Forum page full with by checking that in the page settins – http://secularsociety.co.za/forum/ but as soon as you go to one of the forum’s sub pages it resizes it back to a page that has a sidebar – http://secularsociety.co.za/forum/topic/ask-an-atheist/. I’ve read and tried a bunch of things without any luck. I am also not a css master, but I am willing to try anything.

Thank you for your time.
Bertus

[arno8]

@lynq I hope you can help me.

As you see here, in the general section it shows the topic and posts count nicely on the correct place.
However on the sub-forums u can see the counts are just ext to the name. how can i position these so they get on the same position like the ones above?

I tried to add a class here

// Parse arguments against default values
	$r = bbp_parse_args( $args, array(
		'before'            => '<ul class="bbp-forums-list">',
		'after'             => '</ul>',
		'link_before'       => '<li class="bbp-forum">',
		'link_after'        => '</li>',
		'count_before'      => '(',
		'count_after'       => ' )',
		'count_sep'         => ', ',
		'separator'         => ', ',
		'forum_id'          => '',
		'show_topic_count'  => true,
		'show_reply_count'  => true,
	), 'list_forums' );

Like this:

// Parse arguments against default values
	$r = bbp_parse_args( $args, array(
		'before'            => '<ul class="bbp-forums-list">',
		'after'             => '</ul>',
		'link_before'       => '<li class="bbp-forum">',
		'link_after'        => '</li>',
		'count_before'      => '<div class="counts">',
		'count_after'       => '</div>',
		//'count_sep'         => ', ',
		//'separator'         => ', ',
		'forum_id'          => '',
		'show_topic_count'  => true,
		'show_reply_count'  => true,
	), 'list_forums' );

to then style it in css, but when i try this it doesnt show the count anymore and i cANT EDIT IT IN CSS.

[EzYRiDaH]

Hi Flash Buddy, my forum is not online yet. I am busy migrating from myBB to bbPress.
I hope my question was clear enough.

If I want to change the margins set by the global Genesis style sheet, only for the bbPress forum.

Simply copying the margins to the bbpress.css and changing it there, didn’t work. I assume I have to put something in front of .entry to identify it only applies to the bbpress.css. I have no idea what to put in front of it, nor what the syntax is.

Most likely I can use the same logic to change the font of only the forum.

thanks!