[Jtejerina]

Greetings,

I’ve been trying a lot of solutions that I’ve found around the forum but none seem to work (or are too complicated for someone of my level). I’ve even tried editing the bbpress-functions.php code and it all crashed down.

I will be hosting 3 different kind of users, they all have the same access and privileges, but I want to differenciate them between “bronze, silver and gold”. So I want that to display somewhere on the screen when they post.

I though about adding new roles and just setting the role name… but I can’t do it, I tried almost everything and nothing worked.

Any step by step guide on how to add new roles? I’ve found this https://codex.bbpress.org/custom-capabilities/ but I don’t know what files to edit nor where to find them.

Also, if there’s any way to add these custom ranks some html ID so I can target them via CSS and give them a different look & feel, that’d be great.

Thanks in advance,

[yandoos]

I’ve managed to do it with the following css.. I do wonder if there is a more efficient way?

.entry-title {
background: #212121;
  border-color: #000000 !important;
}

#bbpress-forums div.odd,
#bbpress-forums ul.odd {
background: #212121;
  border-color: #000000 !important;
}

#bbpress-forums div.even,
#bbpress-forums ul.even {
  border-color: #000000 !important;
background: #212121;
}

#bbpress-forums {background:#212121 !important;}
#bbpress-forums ul li{background:#212121 !important; border-color: #000000 !important;}

[Robin W]

the problem seems to be in your custom-css

#bbpress-forums .bbp-body div.bbp-reply-content {
    clear: both;
    margin: 10px;
    padding: 0;
}

is moving the text down – take this out and it appears in the right place

[emster83]

For some reason the author image of each message on the forum doesn’t appear on the left of the message, but above the message. This uses up space!
I know I have to edit my CSS for this issue to be resolved, but I’ve spent hours looking for the right line and I can’t find it anywhere!

Here’s an example of a post in my forum: http://vacatureluurs.com/forum/onderwerp/hoe-lang-moet-een-cv-zijn/
I’d like to show the author’s name and image left of the message, preferably with a different colour background for the author info.

[graphiclux]

I am looking for a way to update my functions.php file to add a dynamic additional class to the bbPress Forums List Widget. Basically I would like the current code of:

<li><a class="bbp-forum-title" href="<?php bbp_forum_permalink( $widget_query->post->ID ); ?>"><?php bbp_forum_title( $widget_query->post->ID ); ?></a></li>

I would like to add an additional dynamic class or ID to the link. I want to do this so I can add different background images to each forum if I choose through CSS.

Thanks!

[maingraph]

Hello,

thanks all for the great help.

Ive been playing around with the avatar size to change it and finally got help and figured out. However, i notice that the same forum seen from a mobile phone or if i resize my browser to smaller width, the avatar picture would overlapp the sender name and part of the content, i am not sure what css i should further add,

please assist

http://asiahairtalk.com/forums/topic/anyone-here-has-started-any-new-treatment/

thanks all.

[BassSpleen]

Hello,

I’m pretty new to wordpress+bbpress (been working with it for a few days now). In the past I have used other forum boards, but since I’m using wordpress now I figured while the hell not try out bbpress ?
So far I like it, I’m still working things out but I managed to do what i wanted using google when I was hitting a wall.

Now, what i’d like to do is change bbpress layout from this :

to something like this :

Even with some research I don’t know what/how to modify this. I have read the “Layout and functionality – Examples you can use” in the codex (and actually used one to get the forum list to be block instead of inline) but it doesn’t mention this kind of modification.

My html/css/php knowledge is really basic, and obviously not enough to do this on my own.

If someone could point me in the right direction I’d gladly appreciate it. Thanks !

Wordpress version : 4.4
bbpress version : 2.5.8-5815
theme used : vantage

[Col_Blimp]

Private forum, was looking at the css but can’t figure it out as the source goes like this:

<div id="bbpress-forums">

	
	<div class="bbp-breadcrumb">

for the [bbp-forum-index] then further down:

<div id="bbpress-forums">

	
	<div class="bbp-breadcrumb">

for [bbp-topic-index] so hiding <div class=”bbp-breadcrumb”> would hide both?

[Pascal Casier]

Hi,
Is it a public forum ? If so, can you share the URL ?
There is probably not much that can be done for it from the bbPress side as you use the shortcodes, but maybe in CSS something can be done.
Pascal.

[dtmfcc]

Thanks so much for the custom CSS. That works great

I’m afraid I still don’t understand how the forums are working. I was able to create a test post to the generic Forums , rather than being restricted to one of the 3 sub-forums. I want postings to only be allowed on one of the 3 sub-forums. Can you tell me how to fix that?

[Robkk]

It is usually recommended to not edit the core plugin files. Use a custom css plugin and add some of these styles and customize it to how you want it.

1.

.bbp-forum-content p,
.bbp-topic-content p, 
.bbp-reply-content p {
    font-size: 16px;
}

2.

.bbp-topic-author a.bbp-author-name,
.bbp-reply-author a.bbp-author-name {
    font-size: 14px;
}

3.

Depends on what Avatars exactly? Plus CSS is not the best way to adjust this.

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

4.

#bbpress-forums div.even,
#bbpress-forums ul.even {
	background-color: #fff;
}

#bbpress-forums div.odd,
#bbpress-forums ul.odd {
	background-color: #fbfbfb;
}

[Robkk]

Here is some CSS to fix the avatar issue I see on your forums. Place this custom CSS anywhere where you could like in a child themes style.css file, or in a separate custom css plugin.

#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar, 
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
    float: none;
    margin-bottom: 0;
    vertical-align: middle;
    border: 1px solid #ddd;
}

#bbpress-forums .avatar {
    width: auto;
    height: auto;
    margin-left: inherit;
    display: inline;
}

As for what you wanted, you seem to have it by making sure a topic does not have a parent post (forum).

You may also need to follow this guide to fix your /forums index page, instead of doing the workaround that you have already.

Getting Started in Modifying the Main bbPress Template

[maingraph]

My forum is this

http://asiahairtalk.com/forums/topic/anyone-here-has-started-any-new-treatment/

And i have tried to edit the font size at /plugins/bbpress/templates/default/css/bbpress.css

but i dont see the font changes at all.

I am trying very hard to edit:

1) reply font size
2) Author name’s font size
3) Avatar size
4) alternate post background colour

Thanks guys for helping.

[NejcL]

Dear all,

I am trying to achive similar look at forum listing as they are on phpbb forums:

I found plugin that add a line at forum tittle which are unread by the user,and they are marked with one blue vertical stripe. But that isn’t what I was looking for. I would be very happy if some one will help my problem.

1.I would like to add an icon beside the name of subforum and the forum name must me like on the picture like just a tittle and look seperated from subforms.

2.Secondly after the 1. point I would like to create a unread/read diffrent icon like if the subform is unread the icon would be green if it is read the icon would be green.

I know the whole point is in style.css but any help or basics steps will be helpfull.
Thanks for any link, code, plugin, style.css, etc.

Br Nejc

[Robkk]

@omj-1

Your subforums are for some strange reason not wrapped in a list structure like this.

<ul class="bbp-forums-list">
    <li class="bbp-forum">
        <a href="http://link" class="bbp-forum-link">Forum 1</a>
    </li>
    <li class="bbp-forum">
        <a href="http://link" class="bbp-forum-link">Forum 2</a>
    </li>
</ul>

But instead it is just links.

Try this CSS instead to have the same layout.

.bbp-forum-info a.bbp-forum-link {
    display: block;
}

[badusername]

I’ve added BBPress to my site and for the most part it is fine. I’m using a genesis theme and I’ve got the bbPress Genesis Extend plugin too. One problem though – when looking at the forums main page and an individual forum (eg. ‘General Discussion’) some of the text gets squished up too soon when resizing the window. The text ‘Topics’ ‘Posts’ and ‘Freshness’ start overlapping because the content of bbpress gets too small too fast – leaves a big gap on the right too, between bbpress and the right column. If I make the window even smaller, the right column moves below which is fine. And of course if I make the window even larger its fine. But there is a range where it shouldn’t be so squished.

On an individual forum page, the text voices, posts and freshness get squished. On individual posts pages, the responsiveness works as expected.

The site is password protected so I don’t know how to post a url here, I have a screenshot, but don’t see a way to upload it.

I’m using the latest versions of WP and bbpress.

Any idea how to fix this? Do I need to edit something in the bbpress css file? If so, what do I need to edit? If not, how else could it be fixed?

Thanks!
Trisha

[o.m.j]

hello…I had this working when I 1st setup my site, I just noticed it has reverted back…

I was using the following css code in my child theme:

#bbpress-forums .bbp-forums-list li {
display: block;
}

I just tried switching to the filter in functions but it’s not working either…

any idea why this would stop working? thx!

http://www.badboyzromz.com/forums/

[Robkk]

@kallard There is some layout issues still, hopefully my edited css will fix the rest.

bullets in front of everything

[Robkk]

@kallard

Just edited the CSS above copy it and replace it over the one you copied in either your child themes stylesheet or in the custom css plugin. If this does not work, might want to add !important.

@casiepa the forum in the forum list widget is visible.

[Robkk]

Try this custom css, I think I got ahold of most of the styles you would need to fix this issue. Make sure to place these CSS styles into your child themes stylesheet or anywhere else you can place custom CSS styles into, like in a separate plugin

#bbpress-forums ul>li {
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding-left: 0 !important;
}

#bbpress-forums ul>li:before {
    margin-left: 0 !important;
    content: ‘‘ !important;
    margin-right: 0 !important;
    bottom: 0 !important;
    position: relative !important;
    display: block !important;
}

#bbpress-forums li {
    color: inherit !important;
    margin: 0 !important;
}

[Robkk]

@kallard

This is a common layout issue and like you said caused by the themes css and because bbPress uses lists instead of a table layout.

You can most likely fix this just with some Custom CSS. When I visited your site I do not see the discussion forums present, so can you activate bbPress again so I can help with this by giving you some CSS to fix the layout issue.

[u_Oi]

Hi,

I am having an issue with the style of bbPress Forum. I did the plugin process (active/desactive) but nothing. So, I switched the theme to “Twenty Fifteen” and the forum appears perfect. I suppose is a css error maybe?

How my website looks:

(It happens only with “Video” forum)

http://www.imagebam.com/image/b3c5fb448858725

Please, could anybody advice about it?

Thanks

[amalto]

i can create forums as a drop-down menu? I would like to create forums as if they were a drop-down menu, but I can not with css code…

[Jld142]

I am currently using the Avada theme which as default displays a forum title at the very top of the page as an awful looking banner. I have turned this off and want to add the forum title in a custom position of my choosing.

You can see my forum below:
http://www.complete-models.com/forum/overview/aircraft/

The forum is called Aircraft and i want the title to show to the left side of “Viewing topic 1 (of 1 total)”.

I know HTML and CSS and have no issues adding the configurations myself however i just need to know which files i need to edit and then copy across into my Child theme directory.

Can anyone assist me here ?

[Robkk]

That crashed my sight for some reason. Any thoughts?

@tallsam

Did you place the code snippet I placed earlier correctly?? It seems to work fine on my test site.

Same thing goes for @pinkishhue‘s code.

These both work if you want to show only 1 revision log on the Frontend of your forums.

But first, is there going to be an update to bbpress that will remove the extra revision statements? If so, any thoughts on when this will be ready?

Not really remove the statements, but just make 1 visible. Have no idea when @netweb’s code will make it into core.

@tallsam

Do you want them all gone?? This topic is all about just having one visible on the frontend.

Also there might be a bug about the revisions somewhere I think. Haven’t fully checked that one out though.

But you can always disable the revision logging from being displayed in the forums in Settings > Forums, there will still be revisions on the edits in the backend though, since it is a post type in WordPress. And hide the existing revisions with CSS using the first half of pinkishhue’s code.

There is a way to limit the total number of revisions kept per post though in WordPress.

But if you do want to completely remove the revisions you can use a plugin that @casiepa listed, but this may remove ALL revisions of any post or plugin using the revision system in WordPress. Some custom css plugins may use it, and clearing the revisions may lose all your saved styles.