Hello, sorry for my English.
I can not solve a problem: the background color of the “reply” does not work properly.
The following two images:
How it should work: http://skywarriorthemes.com/blackfyre/forums/topic/vcbvccvbvcb/
How it works: http://www.escgaming.it/forums/topic/benvenuti/
How can I fix the problem?
The bpress.css file seem identical.
@bwarntzen
Okay definitely not just CSS.
So any new simple text post will not submit in the frontend of your site in a topic?? If a participant say had the the link limit you set in Settings > Disscussion their post would have the status pending which won’t show up regularly in the topic list of a forum.
It could be a possible tricky caching issue.
If you do not mind, you can contact me through email, and give me login details of a participant user so I could test out what is the issue.
https://robkkdev.wordpress.com/contact/
If you are already using BuddyPress you can configure group forums using BuddyPress and bbPress, and these groups each have a cover image and it will look consistent to the rest of your site.
I think this is the simplest thing to do without telling you to customize/create certain templates and use custom CSS.
Does this custom CSS help any?? This is what I have making a custom theme in twentytwelve.
#bbpress-forums #wp-link {
font-size: 13px;
}
#bbpress-forums #wp-link .screen-reader-text, .screen-reader-text span,
#bbpress-forums #wp-link .ui-helper-hidden-accessible {
position: absolute;
margin: -1px;
padding: 0;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
border: 0;
word-wrap: normal!important;
}
Hello there,
I use WP 4.4.2, bbpress 2.5.8, this is a post in our forums.
To insert a link in my copy, there is this popup window. Apparently, it gets its styling from various sources, including my theme’s settings, where for regular text, I set the font-size to 17px, while line-height of 26px is hard-coded into the theme. As you can see (if you click the link-button in the reply form below the sample post given above), this disturbs the styling of this popup.
Is there any way to a) make this popup draw its styling from the back-end CSS (where the same window is used, and looks fine), which in any case I would like to suggest for future updates of bbpress, or b) style it with custom CSS?
Thank you
Manuel
Unfortunately, using just CSS, there is no way to assign different colours to each forum.
Yeah there is. I used to do this with CSS way back.
Here is something I did real quick and an image to show you, that you can do it.
#bbpress-forums ul.bbp-parent-forum-8 span.bbp-topic-started-in a {
background-color: #00a6eb;
color: #FFF;
padding: 3px 5px;
vertical-align: middle;
}
#bbpress-forums ul.bbp-parent-forum-0 span.bbp-topic-started-in a {
background-color: #E25E00;
color: #fff;
padding: 3px 5px;
vertical-align: middle;
}
bbPress reply posts are having issues with CSS from your theme that is for WordPress comments.
Try this CSS, add it to your child themes style.css file or add it to a custom css plugin.
#bbpress-forums .reply a {
float: none;
padding: 0;
color: inherit;
font-size: inherit;
display: initial;
position: initial;
}
I’d like to create a forum index that resembles Flarum, where colour coded labels indicate which forum each topic belongs to.
bbPress conveniently outputs the names of each forum a topic is assigned to. Unfortunately, using just CSS, there is no way to assign different colours to each forum.
I’d like each different forum to have an ID selector, much like WordPress posts do, so that I could easily assign colour.
Example:
bbp-topic-started-in#forum-1 a {
background: green;
}
bbp-topic-started-in#forum-2 a {
background: yellow;
}
Could someone tell me, a) how I could accomplish this, or b) how I could present this for consideration in a future bbPress release?
Thank you all for your feedback. After some thorough investigation, I managed to finally configure my caching so that it actually works (never checked that… my mistake – I entered the wrong path in .htaccess). Also, I hard-coded some tweak in my theme, something which was only recently brought to my attention.
And this morning, one of our users finally had site load times of <1s on our forums. I can happily leave them on our main site – even if P3 reported bbpress & Associates as major sources of site load time: That it still is very little with good caching and static CSS/JS files in place (which I did not have before, they were computed on site load, thanks to my theme).
Best
Manuel
solved with the following custom CSS
#bbpress-forums div.reply { height: auto; width: inherit !Important; }
Pascal thanks for the additional guidance. I tried the custom CSS but it wasn’t completely successful. In the small browser/mobile view portions of the post text remained missing. In a normal browser the custom CSS caused a conflict with the quote function resulting in this being distorted.
Now that I know that this is something that has been caused by the customizr theme settings I’ve placed a post in their support forum in the hope that they might be able to fix this issue.
Once again I want to say thanks very much for the time you have taken to help me.
Kind Regards
Steven
This is just CSS, so probably under ‘Appearance’ you should find an Editor or something where you can add your own CSS. If you don’t find it, best is to ask on the support forum on the theme where you can add custom CSS.
Pascal.
It kind of is both, the issue is caused by some CSS that becomes useless after it uses li.bbp-body that seems to not close properly, breaking the markup when threaded replies is enabled. The avatars going to the top left corner is caused by absolutely positioning the avatar when it reaches about 480px.
https://bbpress.trac.wordpress.org/ticket/2823
A possible workaround for this would be to have a horizontal forum layout.
This stylesheet has an example of the horizontal layout I was talking about. You can Place the file in a folder called css in your child theme to see how the layout takes affect. I have not tried it with 2016 theme yet though so I do not know how it will do.
https://gist.github.com/robkk/ec3129ef78397783fa2a23389be47649
Hello!
I’m using bbPress 2.5.8 with theme Twenty Sixteen (WP 4.4.2). Accidentally I noticed, that when viewing topic on a devices with small screen (less than 414×736) all of the author avatars are sliding to the upper left. Here is a screenshot: 
I tried to install bbPress on a fresh WP install and the avatar does not seems to slide, when viewing in small screens. So, I deactivated all the plugins, removed all known theme modifications, css styles, but avatar is still misplaced.
Here is a link to the test topic: http://rugby-forum.ru/wp2/forums/topic/test/ Can you please, take a look and guess what may be wrong here and how to fix this?
Thank you in advance!
Hi Pascal! Thanks for your quick reply!
Unfortunately, no — these forums are locked down to only approved users.
The CSS is in /plugins/bbpress/templates/default/css/bbpress.css, line 896:
/* =Stickies
-------------------------------------------------------------- */
.bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
background-color: #ffffe0 !important;
font-size: 1.1em;
}
I need to change that background color. But I’m not a CSS ninja, and I’m not sure how to override that !important from the default plugin CSS. This is when adding a 2nd !important to trump the first would be handy. 🙂
I need to override the default CSS color for
.bbp-topics-front ul.super-sticky, .bbp-topics ul.super-sticky, .bbp-topics ul.sticky, .bbp-forum-content ul.sticky
But the default color declaration has an !important in it. What’s the best way to fix this so my color will display? I know I could hack the plugin CSS, but that’s not the best option. 🙂
@valery-kondakoff
Use this CSS to remove the box shadow for links in bbPress.
#bbpress-forums a {
box-shadow: none;
}
Hello,
Please try this CSS code.
#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;
}
Thanks.
Hi there,
I have currently installed a user-rank plugin that ranks users according to their total post and thread count. The problem is that the role still lingers around under the username, which clogs things up a bit, particularly with a new image representing the user’s rank.
What I would like to do is remove the role tag from beneath the user’s avatar all together (not remove the role itself, just the little “participant” or “keymaster” tag on the forum post).
I have tried the following in style.css:
.threadauthor small a {
display: none;
}
Unfortunately, that didn’t do the trick.
Any ideas?
i am testing forums but forum list style has shadow. I want to make it simple forum style. how to do it? http://www.wehackyou.com/forums
Hello,
I just tested it, working great.
http://yourtechadvisors.com/forum-stats/
I will probably customize it with CSS, but that is an awesome start.
Thanks.
Hello,
I did some customizing, here is the end result.
Code in functions.php
function rkk_add_notice_before_topic_form() {
?>
<div class="bbp-before-posting">
<p>
Before Posting
<br>
Please read these steps carefully, it helps staff and other members like you to have a nice and enjoyable time on our forum.
<br>
A: Please read the
<br>
<a href="http://yourtechadvisors.com/forum-rules">Forum Rules.</a>
<br>
B: Please explain your problem in detail so we can get a good understanding of your problem and how to help you.
<br>
C: If you need help with a TV, don't just write "I need help with a Samsung." Give us some more detail "I need help with a Samsung TV model L-55-22."
</p>
</div>
<?php
}
add_action( 'bbp_theme_before_topic_form_notices', 'rkk_add_notice_before_topic_form' );
CSS
.bbp-before-posting {
background-color: blue;
color: white;
font-size: 16px;
}
.bbp-before-posting a {
color: yellow;
}
Thanks.
This issue is theme related, because bbPress is just inheriting the CSS styles from the themes stylesheet. Same thing with the other themes, there are just some styles that could affect some classes in the code that can make the layout look different.
In the theme compat code in bbPress, has it where you can use default WordPress conditionals like is_single() which should show up for each single forum and topic, and is_archive() for the forum archive (forum root page) and topic archive (usually at yoursite.com/topics or forum root).
So while you did create a single forum page using shortcodes as an easy to do workaround, as the code for the “indentation” is created by your themes CSS and only for single pages using ,while you created a simple page. When you enter the normal forum url in 2016 you will see the same “indentation” you see on topics.
You are on the money on what CSS to use to fix the issue, there is just some media queries that you need to add is all. There will be a slight margin to the right around 700px width when the sidebar goes under the content, but a page has that same margin in your theme and for consistency I just say leave it in.
This CSS should help your help solve your issue.
@media screen and (min-width: 61.5625em) {
.bbpress .entry-content {
float: none;
width: auto;
}
}
There are (at least) a couple of tickets on this in the bbPress trac, no. 2722 and no. 2865.
No. 2865 has a patch marked “under consideration”. In case it helps anybody, we’ve wrapped this patch as a plugin for bbPress 2.5.8:
https://wordpress.org/plugins/fix-forum-emails/
This should help to fix problems with HTML entities in notification emails on vanilla bbPress installs. It’s intended as a workaround until the issue gets fixed in bbPress core.
The plugin won’t remove stray HTML or CSS in forum posts. Rogue markup like this can be caused by cut-and-paste operations in TinyMCE, aka the Visual Editor, if you have it enabled in bbPress. If you’re having these problems, we have another free plugin called “Forum Beginner Posts” in the repository. It enables TinyMCE for bbPress in paste-as-text mode by default.
There are (at least) a couple of tickets on this in the bbPress trac, no. 2722 and no. 2865.
No. 2865 has a patch marked “under consideration”. In case it helps anybody, we’ve wrapped this patch as a plugin for bbPress 2.5.8:
https://wordpress.org/plugins/fix-forum-emails/
This should help to fix problems with HTML entities in notification emails on vanilla bbPress installs. It’s intended as a workaround until the issue gets fixed in bbPress core.
The plugin won’t remove stray HTML or CSS in forum posts. Rogue markup like this can be caused by cut-and-paste operations in TinyMCE, aka the Visual Editor, if you have it enabled in bbPress. If you’re having these problems, we have another free plugin called “Forum Beginner Posts” in the repository. It enables TinyMCE for bbPress in paste-as-text mode by default.
