[thedhc]

Hi folks,

I am running WordPress 4.5.2 with the following plugins:

** PLUGIN INFORMATION **
Active Plugins: (21)
– Activity Log 2.2.12
– Basic User Avatars 1.0.3
– bbP private groups 3.2.0
– bbPress 2.5.9
– bbPress Advanced Statistics 1.3.13
– bbPress Pencil Unread 1.0.9
– bbP Toolkit 1.0.6
– Blizzard Quotes 1.3
– BlizzBlueWidget 4.0
– Coming Soon Page & Maintenance Mode by SeedProd 5.0.2
– Login With Ajax 3.1.6
– Pollka polls 2.0
– WordPress System Report 1.0.1
– World of Warcraft Recruitment Widget 1.1.5
– WoW Guild Armory Roster 0.4.3
– WoWHead Tips 3.0.1
– WoW Progress 1.5.1
– WP-Mail-SMTP 0.9.5
– WPFront User Role Editor 2.12.4
– WP reCaptcha Integration 1.1.10
– WYSIWYG Widgets / Widget Blocks 2.3.5

The theme used is Legion Zero.

In my bbpress forum when i want to reply to a message you get the editor just like on this forum. I hit the link button:

And i am faced with a white popup background and white-ish text which is too hard to read as shown below:

I am unable to find which CSS this is causing so i can change it. I can only find the background of the bit where it says “Insert/edit link” and this is in wp-includes/css/editor.min.css and exact value is #link-modal-title which is set to #fcfcfc.

The part below it, i cannot find.

Can anyone assist me?

Cheers :)!

[Robkk]

Here is the CSS you will need add it to your child themes style.css file or in a custom css plugin.

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
  font-size: 16px;
}

[Robkk]

This is caused by some styles from your theme that is for WordPress comments reply link.

Add this custom CSS snippet to a custom css plugin or in a child themes style.css file

#bbpress-forums .reply {
  text-transform: inherit;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
}

[fullmoonfriday]

I have done a lot of investigation on this. Following some other dicssussion it seems a confused area.

Hidden Groups and Forums not showing for members of them

Basically giving the role to the subscriber to read private/hidden forums, will them show the private and hidden group forums onto their profile.

This does however give the user to view all groups on bbpress site during the edit topic stage. Maybe direct url access too?

Any private forums on the site are also no longer private.

Seems strange that it isn’t default to show a user their topics / subscriptions ect from their groups on their profile. Is there any reason for this? I’m pretty sure it is just a query that is missing to include these from hidden and private groups…

[memi9k]

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.

[Robkk]

@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/

[Robkk]

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.

[Robkk]

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

[Manuel Fritsch]

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

[Robkk]

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

[Robkk]

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

[Shane Gowland]

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?

[Manuel Fritsch]

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

[officerofthewatch]

solved with the following custom CSS

#bbpress-forums div.reply { height: auto; width: inherit !Important; }

[officerofthewatch]

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

[Pascal Casier]

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.

[Robkk]

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

[Valery Kondakoff]

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!

[Bet Hannon]

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. 🙂

[Bet Hannon]

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. 🙂

[Robkk]

@valery-kondakoff

Use this CSS to remove the box shadow for links in bbPress.

#bbpress-forums a {
  box-shadow: none;
}

[tech55541]

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.

[fenixbazaar2]

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?

[ajay48jang]

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

[tech55541]

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.