[hanifascraps]

Wordpress 4.6.1
Bbpress 2.5.10 |

Hi there,
Today I found here the forum some very useful code to help me change something as colores and sizes.
But there is a component I could’t change, that is the Forum-Title.
Is there anyone that can help with some simple css as how to change the forum title
I thank you in advance.

[Robkk]

I added how to create status labels here. There is a way to create a hot label, but what I posted is just for a certain number of replies posted in a topic. Other forum systems use rating or number of replies in a certain time frame. So adjust as you please. Using the classes I have in the code you can style the label with CSS.

https://codex.bbpress.org/layout-and-functionality-examples-you-can-use/#24-show-status-labels-for-bbpress-topics

[kentwest]

Caveat: I’m new to WordPress, themes, CSS, and bbPress.

I’ve got a website that seems to be working properly (using the hueman theme (well, actually, hueman-child)), and have installed bbPress, and created a forum page, but the form is cluttered. It looks like:
instead of like how the documentation shows it to look:

I’ve deactivated all my plugins except bbPress, and have tried all 6 or 7 of my installed WordPress themes, but nothing seems to help? Suggestions? Thanks!

—
Kent

[james8181]

Hi Robin,

I re-enabled bbpress and the style pack and it seems stable now.

Your 2 code snippets are saved but not taking effect:

.entry-content fieldset legend {
color: #fff !important;
}

#bbpress-forums p.bbp-topic-content, #bbpress-forums p.bbp-reply-content {
color: #1e73be !important;
}

A snipet i made myself to style the background of the reply form is taking effect so this customer code area for css in the beaver theme seems to work for bbpress:

.bbp-form{
background-color:rgba(250, 236, 113, 0.90);
}

Here is a screenshot of what i still need to style. If you could take a look when you get the chance that would be great. http://imgur.com/a/tKRoc

Many thanks

[Robin W]

ok, I think the first is your theme, but try adding this to the custom css

#bbpress-forums p.bbp-topic-content, #bbpress-forums p.bbp-reply-content {
    color: #1e73be !important;
}

and also add this for the Reply to :

.entry-content fieldset legend {
    color: #fff !important;
    }

[Robkk]

This sounds CSS related, but unfortunately I have to login to see these items on your site.

If you want to, create a subscriber/participant account and send the details to my email listed here.

https://robkkdev.wordpress.com/contact/

After I take a look and see if I can fix the issue with css, and after posting the solution on these forums, I will tell you to delete the account later.

[Robkk]

It could be a somewhat common CSS related issue where buttons have white text color in a theme.

Try this custom css to see if it fixes it. Place the custom css in a custom css plugin or in a child themes style.css file.

This is just an example and you might need additional css if the button background color changes on hover to something dark as well.

#bbpress-forums .wp-editor-container .button {
  color: black;
}

[Robin W]

To add a description (it will be under the breadcrumbs) use my style plugin

https://wordpress.org/plugins/bbp-style-pack/

and go to

dashboard>settings>forum display and set item 6

to eliminate the blue box out this in your css

div.bbp-template-notice.info {
display: none;
}

but I’ll add this to the next version of style pack which is due out very shortly

[Robkk]

Here is for the revision log avatar fix. You can remove the custom CSS you added earlier that I think you tried to fix this issue with. The reply author avatars looked fine yesterday, now today they look small at 24px.

use this code anywhere you can put custom css. I see that you are modifying the bbPress stylesheet, so hopefully you have placed that bbpress.css file in a child theme in a folder called css instead of editing core files.

https://codex.bbpress.org/themes/theme-compatibility/

#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: 0;
  vertical-align: middle;
  border: none;
  width: 14px;
  height: auto;
}

[dogwomble]

The problem I’m having is I’m getting things like this:

Red Dwarf XI Q&A

The avatar is still showing a lot larger than I want. If I’m to believe Chrome’s inspect element, it’s pulling this from my theme’s style.css:

img, video{ max-width: 100%; height: auto; width: auto; /* for ie8 */ }

I can modify this of course, which seems to fix the avatar size, but the problem is it messes up my front page news feed. I’m thinking there must be a way, but it seems to be escaping me.

[denisecontent]

I have a client with a request that seems simple but I am having a dilly of a time figuring it out.

They want to be able to charge users for premium posts. These posts will *not* appear at the top. Instead they will look different from other posts – bolded links, different color font – not at the users choice simply coded in by us. This will be a one time thing for a user – the users should not be able to do any other posts this way. I already set up the forum so that the client will approve all posts – he wants to be able to go in and click a button that will then style that post a different way.

I can style the sticky to do this easily and have done so on my demo but am unsure how to proceed with his request. I do have a child theme.

I know enough code to add stuff into functions and php pages. I am much better at HTML5 and CSS (can do animations).

I have tried a few things I came up with on my own but they do not work and rather than show them I would rather hear your thoughts.

Here is my demo – it is still pretty primitive… http://www.contentandsolutions.com/njywf/

I am using
Wordpress Version 4.6.1

Customizr theme using child theme. Customizr Version: 3.4.23

BBPress Plugin Version 2.5.10

Code or a plugin (even a paid for plugin) if possible. Thank you!

[dogwomble]

Hey all,

I thought I’d post this here because I’m tearing my hair out and the only stuff I seem to be able to find is quite old so pertains to older versions.

I have a BBPress based forum set up at https://www.crispygeek.com/forums

Depending on who posts, the avatars can sometimes be a touch … gigantic shall we say. What I want to do is set the maximum size to, say, 48 pixels.

I’ve had some success finding a tag in style.css as part of my global theme. The problem is, this also messes up the images on my front page news feed. And while I am starting to get the hang of this, I’m still relatively noob when it comes to some parts, I’ve found some really old posts that suggest some changes, but they tend to confuse me as to exactly where I need to make these changes. I’m hoping someone is able to offer some guidance on what I need to do to get this going,.

[Robkk]

Use this custom CSS, add it anywhere you can put custom css like in a child themes style.css file or in a 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: auto;
  border: none;
  vertical-align: middle;
  padding: 0;
}

[Robkk]

This issue is caused because the widget links have the same classes as other links throughout bbPress. In your theme mesocolumn, there is CSS in a bb-css stylesheet that bolds the forum titles.

In this custom CSS I just set a default font-weight for any widget area.

You may need to show your theme author this so that maybe they can add it or something similar to their theme.

And I need to note this down as a possible issue that users might occur when customizing their forums/developing themes.

This is custom CSS add it in the custom css area your theme provides.

.widget-area li a {
  font-weight: normal;
}

[Robkk]

Its a common issue related to WordPress comments theme styling having issues with bbPress replies since they have a common class attribute .reply.

Since your theme is a free WP theme, I was able to test it out real quick to see the issues.

Use all this custom CSS, add it into a child themes style.css file or in a custom css plugin.

Know that if it does not work, try adding !important at the end, for example like this.

Also know that some of the CSS is for your replies links color, so change that if you end up changing your links color so that it would match.

.example {
  position: relative !important;
  right: auto !important;
}

Here is all the custom CSS you would need to use to fix your theme related issue.

#bbpress-forums .reply a {
  position: relative;
  right: auto;
  bottom: auto;
  display: initial;
  padding: 0;
  border: none;
  font-size: inherit;
  text-transform: none;
  -webkit-transition: none;
  transition: none;
}

#bbpress-forums .reply a {
  border-color: inherit;
  color: #BF4D28;
}

#bbpress-forums .reply a:hover {
  color: #E6AC27;
  background-color: inherit;
}

[bhsdiceclimber]

Hi All – I maintain a very simple site for an astronomy group (sdbhas.org) on a volunteer basis, and we recently migrated to wordpress so I’m still a newbie. I recently installed bbpress and everything seemed to be working very well. However, while testing I noticed that replies to a topic are rendering the area where the username and avatar would go on the extreme right edge of the screen. The forum’s not publicly visible as of yet, but a screenshot of what’s happening is below:

Reply render failure

bbpress version: 2.5.10-6063
wordpress: 4.6.1
theme: parabola

This does appear to be theme-related since when I tested with 2016 it rendered properly. Searching the forum I couldn’t find anything similar, so would anyone have an idea as to what’s happening or a suggestion for a fix? Although I’m a software engineer, java and c++ are my areas, not php/css – so go easy 😉

Thanks in advance for the help!

–Thanks,
Chris

[dogwomble]

Hi all,

I feel like a bit of a numpty asking this, but I’m kinda tearing my hair out.

I’ve got a forum set up at https://www.crispygeek.com/forums/forum/general-discussion/

As you can see, when you go to a new post, it’s light grey text on a light grey background, which is tricky to read. I want to change that to black on light grey.

I just can’t find for the life of me which tag I need to change in which CSS file. Does anyone happen to know?

[Al_ambique]

Hey!
Firstly I’d like to thank you for your good work, this plugin is pretty nice.

I recently noticed there’s a strange bug, not sure if it happens on other websites.
If you send a post on which there’s an odd number of \<li\> marks, somehow it breaks the CSS of the page (the sidebar displays after the end of the forum).

I’d rather like not to give the link of my site, since it’s a potential very easy trolling way.

Is that a known issue, or is is just some kind of conflict between theme / plugins ?

Thank you in advance!

[heero]

Is there necessary edits on file or css just to follow how the bbpress.org site is implemented?

[Robkk]

I think currently it is 1 parent forum or all forums. I might create a ticket later for a suggestion of an improvement to the widget to include multiple parent forums/single forums.

It might be possible to use CSS to remove some links from a widget, but I would have to be able to see specifically where each forum list item is positioned in the widget.

[priom]

Hey guys,

I’ve been slowly configuring css on bbpress (amazing btw) but having some issues with odd and even replies. I added code to add a border for each reply and spaced out the bottom by about 10px.

All works fine for the first reply (initial topic).
But for next consecutive ones – the “right” border is missing.

you can find my site forums at weareoblivion.com/forums

-> Navigate to General Discussions > Test Topic
and you’ll see what I mean.

I added in these to create the borders:

#bbpress-forums div.odd, #bbpress-forums div.even {
  border: 1px solid rgba(44,130,201,.22) !important;
  border-bottom: none !important;
  margin-bottom: 10px;
}

div.bbp-forum-header, div.bbp-topic-header, div.bbp-reply-header {
  border-top: 1px solid rgba(44,130,201,.22) !important;
  border-left: 1px solid rgba(44,130,201,.22) !important;
  border-right: 1px solid rgba(44,130,201,.22) !important;
}

I have tried different browsers and same issue occurred.
Tried changing it to add individual borders (like i did for the header)
– Still the same issue
Even removed alot css
– still same issue

Any help is appreciated please ! 🙂

[Bingo Bongo]

still some work to do….

but, it’s up & running now, and starting to get used 😉

used a couple of widgets here & there (homepage for recent topics, sidebars for /forums/ page)

and a little bit of css tweaking.

starting to get there.

zetaunit.com/forums/

[Robin W]

That’s IE for you !

For some reason that I can’t immediately see, IE is ignoring the background setting, so is just saying it has no background so showing white

I’d suggest you try changing line 999 on dark.css from

/*media all*/
media screen #bbpress-forums fieldset.bbp-form p, #bbpress-forums fieldset.bbp-form textarea, #bbpress-forums fieldset.bbp-form select, #bbpress-forums fieldset.bbp-form input {
    background: rgba(18, 21, 24, 1);
    color: #fff !important;
    border: 0px !important;
}

to

/*media all*/
media screen #bbpress-forums fieldset.bbp-form p, #bbpress-forums fieldset.bbp-form textarea, #bbpress-forums fieldset.bbp-form select, #bbpress-forums fieldset.bbp-form input {
    background: rgba(18, 21, 24, 1) !important;
    color: #fff !important;
    border: 0px !important;
}

It may or may not work !

[Robkk]

Okay your topic is closed and stickied, so adjust this css. Use a custom css plugin, or modify and place this css into a style.css file in a child theme.

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

.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;
}

[Robkk]

I think your looking for an unread posts plugin. There are quite a few you can use for bbPress.

bbPress Pencil Unread

bbPress Mark as Read

bbPress New Topics

bbPress unread Posts v2

bbPress go to first unread post

I personally like bbPress Pencil Unread, because with a few lines of custom css I can either have the new label or a custom image before the forum/topic title like in the other plugins. And because it has a template tag to include a mark all as read button somewhere. Other users like mark as read as it is close to vBull functionality and the go to first unread post plugin as its close to phpbb functionality. You probably would just need to use Unread Posts v2.