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.
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?
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;
}
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
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.
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
@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;
}
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
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/
@kallard There is some layout issues still, hopefully my edited css will fix the rest.
bullets in front of everything
@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.
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;
}
@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.
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
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…
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 ?
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.
I managed to fix my original issue which was caused by a social login plugin creating default avatars from facebook profile pictures, however I have come round full circle lol
I decided I wanted the avatar on the topic page larger and so changed the sizes from 80 to 120 in the only files I can find the code in, loop-single-topic.php and loop-single-forum.php
This has successfully changed the image sizes in the listings (kept to 50px via css) but has had no effect on the topic page. I have searched and searched and feel like I am banging my head on a brick wall lol
I’ve changed the avatar size for topics to 80px, I’d previously changed it from the default size to 50px which I still have it set to with the css on the forums and listing pages, however it is still “pulling” the 50px image and making the topic avatar blurry. I don’t have any cache plugins. Does anyone have any ideas why I can’t get the larger size to display?
Example page: http://www.lissyhunnybee.com/topic/welcome-to-the-forums/
Thanx 🙂
@tovabora
You can also use this CSS to remove the breadcrumbs if the code @casiepa gave you doesn’t remove it.
Place this CSS anywhere you can place custom CSS like in your child themes style.css file or in a seperate plugin.
div.bbp-breadcrumb {
display: none !important;
}
While browsing your forums though I did come across these common theme style issues that are conflicting with bbPress.
Add both these CSS code snippets into your child themes style.css file or in a separate custom css plugin.
This CSS should fix the gray avatar on your forum profile.
#bbpress-forums #bbp-user-avatar .avatar {
float: none;
}
This should fix the avatars looking off in your forums.
#bbpress-forums a img.alignnone {
display: inline;
margin: 0;
}
Hi, everyone –
I am currently working on this site ( http://www.cincinnatifrassati.com/ ) and I would like to make the font size in my forum larger, but I can’t for the life of me find where to edit the CSS files for bbpress. When I go to Plugin > Editor I only see .php and .txt files.
I’ve read the bbpress documentation, but I don’t know PHP (do know HTML and CSS) so I wasn’t sure what to do with that information.
I am a complete novice, so I thank you in advance for your patience with me!
Thanks Pascal – tried adding that as custom CSS – as you can see on the right hand side of this post http://casteofassassins.com/forums/topic/test-topic – the overflow is still being hidden on the right hand side of the post?
Some themes are not handling well the replies. Could you try to add this somewhere as extra css:
#bbpress-forums .reply {
font-size: inherit;
padding: inherit;
position: relative;
right: inherit;
top: inherit;
}
Pascal.
Add this custom css anywhere you can add custom css like in your child themes style.css stylesheet or in a separate plugin.
#bbpress-forums .reply a {
float: none;
}
I guess it could be CSS related then. Place a link to your forums so I can see if possible margin or padding css is causing the issue for any links in a bbPress post.
