[TechHaus]

And here is right after I install 2.6, babble about cryptocurrency for a bit, and then hit refresh. The forum page looked normal, then I look at the front page and notice the CSS isn’t formatting the shortcode.

(no need to watch that, but just for the sake of documenting the issue. time stamp for when i look at it at 5 minutes 2 seconds. Also sorry about curses! Don’t watch if offended by bad language. My apologies.).

[urbexjordan]

Hi bbPress,

I am looking for help to make my bbPress full width, I’ve tried a bunch of CSS, tried to make a new bbPress.php template, nothing works.

Note – I am not the best coder , but I do know some stuff.

My issue (IMG)

I am trying to make it go full width, but keep that 30-50px padding on either side. Just my OCD kicks in with that stuff, lol.

bbPress Version: 2.5.14
My Theme: Socialize by GhostPool

[emiralem]

Hello Robin, Im using pixiehuge as isuzu. I changed codes like you said in pixiehuge theme (main.css) but my problem not solved yet.

Here is the my website forum http://e-sporturkiye.net

[TechHaus]

Hi Robin W. – just want to say that thank you so much for all the responses and help you give to this community. Super inspiring.

I ended up just uploading the theme and putting up a little dummy content.

The two areas of note I mention, on the front page, http://jockjams.com, you can see below the blog post that what the shortcode out put on my page isn’t styled.

However, if you dig around at http://jockjams.com/forums/ or go to http://jockjams.com/forums/topic/do-the-nets-suck/, these look ok.

Another place where there is an issue is if you go to some of the lists on the profile page:

http://jockjams.com/forums/users/bobby/topics/

That is a good example. The list is THERE, you can see it when you inspect the page. Somehow the styling (or lack of) just pushed it way off to the side.

Both of these looked right in twenty fifteen, and I know for sure the shortcode worked on bbPress 2.5.14 from wordpress plugin repository, but not on bbPress 2.6 Release Candidate 5 that I downloaded from this form.

I guess those are all of the details. I would love to know why the styling worked on twenty fifteen, yet it doesn’t work on my theme, while the other two examples above are styled correctly along with my theme and are being properly targetted by bbpress css as well for the list styling.

Thoughts?

Sorry if this is beyond the scope of this forum. I use JointsWP.com btw as my starter theme.

[TechHaus]

I also notice that my lists are really messed up when i go to my profile page, look at Topics Started, etc. (and both look fine on twenty fifteen).

So I think both of these are using the base styles from twenty fifteen for their list, whereas the lists on Forum and Topic pages are using their own CSS. This seems…not ideal and they should share similar markup, no?

I will upload after lunch to share what’s going on. But I feel like all lists in bbpress should be based off of the same styles as the Forum and Topic lists.

[Robin W]

add this to your theme’s custom css section

#bbpress-forums div.reply {
width: auto !important;
}

[Pascal Casier]

Bonjour @matevoun,
Il y en a qui comprennent oui 🙂

– You can open your forum to everybody, so they do not need to create a login (see the settings in your wp-admin: Réglages > Discussion
– Yes and no. The theme that you choose for WordPress is the team used for bbPress. However you can restyle the CSS yourself or use a plugin like https://wordpress.org/plugins/bbp-style-pack/
– Everything is saved in the standard WordPress style: so like a custom post type
– bbPress is a plugin, so just install it and you will see it pop up in your menu: Forums, Topics, replies.

Pascal.
PS: 2/3 questions? J’en vois 4… :-p

[andrew55]

I currently am using this:

https://kristarella.blog/2013/04/bbpress-forum-icons/

But for speed and looks, I’m trying to use a “font awesome” icon for the forum icon.

My plan was to use some css for each forum, and then style the font icons individually.

I started off with this in stylesheet, but it’s not working:

ul#bbp-forum-9:before {
	font-family: FontAwesome;
	content: '\f058';
	color: #6190C3;
	font-size: 30px;
	padding-right: 10px;
	margin-left: -15px;
	position: absolute;
 	left: -13px;
	margin-top: 1px;
 }

I’ve tried several variations with no luck.

Any suggestions on how to get this css to work properly?

Thanks for any tips.

[Robin W]

this css should work

#bbpress-forums div.bbp-topic-content img, #bbpress-forums div.bbp-reply-content img {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

presume your theme has a custom css area you can put this in ?

[kdelsimone]

Try adding this to your custom css:

#bbpress-forums ul.bbp-lead-topic li.bbp-body div.topic {
background-color: #ffe;
border: 1px solid #dd6;
}

and this to your functions.php:

function custom_bbp_show_lead_topic( $show_lead ) {
  $show_lead[] = 'true';
  return $show_lead;
}

add_filter('bbp_show_lead_topic', 'custom_bbp_show_lead_topic' );

[bstephenmitchell]

Hi all – I am not having any luck getting my forums page to work full width. Have tried all sorts of css and function.php and nope – no luck.

See the forums page here:

https://hopevisionaction.org/forums/

… and any help would be very much appreciated.

Using 2017 default theme. Also using BuddyPress now.

Thanks.

Steve

[Robin W]

is your forum public? If so post a link and I’ll see if a simple css change is needed

[jasonbxyz]

Hello,

I have a new bbpress site with buddypress integrated (bbpress was installed and set up first.) Admins can see all forums, Participants cannot see Hidden forums, unless it is associated with a buddypress group of which they are a member. The site is jingfangacademy.com
Fixes I have tried:

1. Deactivated all plugins one by one.
2. Tried other themes: 2013, 2015, 2016
3. Tools > Forums > ran all tools
4. Changed user role permissions with third-party plugins: User Role Editor, Members
5. WP and all plugins up to date.

I’ve added no CSS to the site. I’m a novice and I don’t own the hosting account, so I’m hoping to fix this without adding code. I’ve tried all the fixes I could find in related threads.

Thanks for any help!

[peter-hamilton]

Hi @brent0r
I made the following adjustment in my child-theme´s loop-single-forum.php and styled with CSS.
This code will place all elements in the right order to have simple CSS adjustments make it all work as expected.

<?php

/**
 * Forums Loop - Single Forum
 *
 * @package bbPress
 * Theme OrganicSquare
 * Child-theme of TwentySixteen
 */

?>

<ul id="bbp-forum-<?php bbp_forum_id(); ?>" <?php bbp_forum_class(); ?>>

<li class="bbp-forum-info">
	<div class="forumtitle">
		<?php do_action( 'bbp_theme_before_forum_title' ); ?>

		<a class="bbp-forum-title" href="<?php bbp_forum_permalink(); ?>" title="<?php bbp_forum_title(); ?>"><?php bbp_forum_title(); ?></a>

		<?php do_action( 'bbp_theme_after_forum_title' ); ?>

		<?php do_action( 'bbp_theme_before_forum_sub_forums' ); ?>

		<div class="bbp-forum-content"><?php bbp_forum_content(); ?></div>
		<?php do_action( 'bbp_theme_after_forum_sub_forums' ); ?>

		<?php do_action( 'bbp_theme_before_forum_description' ); ?>

		<?php do_action( 'bbp_theme_after_forum_description' ); ?>

		<?php bbp_forum_row_actions(); ?></div>
	</li>

<li class="bbp-forum-topic-count">
		<div class="topic-reply-counts">Topics: <span class="ismcounter"><?php bbp_forum_topic_count(); ?></span></div>
		<div class="topic-reply-counts">Posts: <span class="ismcounter"><?php bbp_show_lead_topic() ? bbp_forum_reply_count() : bbp_forum_post_count(); ?></span></div>
	</li>

<li class="bbp-topic-freshness mob-hide-link-forum">
	<?php do_action( 'bbp_theme_before_forum_freshness_link' ); ?>

	<div class="freshness-author"><span class="fresh-avatar"><?php bbp_author_link( array( 'post_id' => bbp_get_forum_last_active_id(), 'type' => 'avatar', 'size' => '40' ) ); ?></span>

	<div class="fresh"><h2><a href=" <?php bbp_forum_last_reply_url(); ?>" class="forumpostlink"><?php bbp_forum_last_reply_title(); ?></a></h2>
	<span class="forumlist-name"><?php bbp_author_link( array( 'post_id' => bbp_get_forum_last_active_id(), 'type' => 'name' ) ); ?></span>
	<span class="widgetlistdate"><?php bbp_forum_freshness_link(); ?></span></div>
	<?php do_action( 'bbp_theme_after_forum_freshness_link' ); ?>
	</div>
</li>

</ul><!-- #bbp-forum-<?php bbp_forum_id(); ?> -->

[Robin W]

Line 4255 of your theme Pixiehuge has

#bbpress-forums li.bbp-body ul.forum li {
	height: 100%;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: center;
	-webkit-justify-content: center;
}

The height : 100% is the issue

You need to put

#bbpress-forums li.bbp-body ul.forum li {
	height: auto;
}

or

#bbpress-forums li.bbp-body ul.forum li {
	height: auto !important;
}

(Try without the !important first)

into your theme’s custom css, or the custom css part of my bbp style pack plugin

[Robin W]

it’s caused by

#bbpress-forums .reply {
  margin-left: 0 !important;
  width: auto !important;
}

which says it is inline code.

The width: auto !important needs to be width :100% !important.

Auto makes it only as wide as it needs to be, so for short sentences it truncates.

But I’m also getting an error saying that your “sydney-child-theme/style.css could not be loaded”

[Audiomonk]

I’ve looked in here, I’ve looked on the net. I tried all suggestions for CSS, and the threading is disabled in the settings. Yet the replies on the forum are indented.

Link vs. Add

It looks horrible, please how do I turn it off. I use the Sydney theme.

[posemotion]

I finally figured it out. No need to use the “Full Page Width” option or any other techniques found about the web. If you installed a bbPress forum and everything is set to its defaults. Just use the following…

Select “Customize”
Select “Additional CSS”
Add/Paste the following…

.bbpress #content-sidebar {      
display: none;
}

#bbpress-forums {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 170% !important;
}

Forum link in first post is incorrect now. A redirect is being setup though as that is my old link to another forum I use to use. New forum link is, http://www.posemotion.com/forums

[ytwebdesigns]

Hi

I am using bbpress on hebrew website.
Using Poedit to translate
I have managed to translate most strings but I have the string “on” in english on which appears on line 1186 in widgets.php
i also tried editing the php code on this row and replacing “on” with a hebrew string and uploading to wp-content/child/bbpress/includes/common/widgets.php but this didnt work
also in po file tried translating string and replacing “on” with “test” this didnt work either.

I cant seem to apply any css on this either
https://forumbaaleytshuva.co.il/category/%D7%9E%D7%90%D7%9E%D7%A8%D7%99%D7%9D/%D7%93%D7%99%D7%95%D7%9F-%D7%A0%D7%95%D7%A7%D7%91/

screenshot below

View post on imgur.com

thanks

[Robin W]

hmm, not suer why your bbpress.css file is in wp-content/plugins/templates rather than wp-content/plugins/bbpress/templates – have you altered this?

In essence you want to set

.bbp-reply-author width :100% ;
.bbp-reply-content margin : 0px;

This will force the content to the next line, and move it to the start of that line.

I’d also add

#bbpress-forums div.bbp-reply-author img.avatar {
position: relative;
}

so you’d end up with (untested)

@media only screen and (max-width: 480px) {

.bbp-reply-author  {
width :100% ;
}
.bbp-reply-content {
margin : 0px;
}

#bbpress-forums div.bbp-reply-author img.avatar {
	position: relative;
	}

}

[peter-hamilton]

Hi all, I have been playing on and off with WordPress, BBPress and Buddypress, mostly to build my own company website.

I have almost completed my quest to make BBpress as functional and user friendly as any other major, paid for, forum software offers, and I think I have even improved to my own preference and proven that BBpress is capable to be better then any commercial package.

Please review my website, I have a demo account as you need to be logged in for all the plugins and hacks to be visible.

I have added quite a few plugins and function snippets, I do not know how to code php or javascript, just basic html and css for the rest I cut and paste until it works, although I do understand what I am looking at with php after 4 years of cut-and-paste…lol

http://www.seedism.nl

username: demo
passowrd: demo2017

Just to let you know, I breed hybrid strains of medicinal Cannabis so you will find this content on my website!!

[nickmesquiti]

I am trying to create the Forum like it is here on bbpress; however I am not having success. I have copied out the themes and css and pasted them inot the “wp-content/themes/memberhsip/bbrpress/themes” and “wp-content/themes/memberhsip/css” directories. Now how do I get it to look like bbpress’s forfum with color and the like …

[xfallseane]

Hello !

I have a problem with responsive theme in mobile..

I want the author zone with profil image in the top of reply content.. the forum is not very beautiful and reading is difficult

I have test more css fix but not working ..

I use bpp style pack

[leeproc]

Hello all,

I somehow broke the page layout of my topic index and topic pages. The sidebar should be on the right, but it looks like WordPress is drawing the gray line separator on the left of the page, and pushing all the sidebar content to the bottom. Example: https://www.parentifact.org/forums/forum/questions/

I thought this was due to some code I put in the style.css and functions.php to style my archive pages, but I removed that code and it’s still messed up. Has anyone experienced this before, or could someone more knowledgeable look at the source and developer tools to figure out what’s going wrong here?

Thanks!

[Dimono]

Thank you for your quick response.

I researched al bit further and I noticed my question may be wrong.

bp-parent-forum-### is not the right one, I need the most parent one.

I want to add custom CSS to all subforums / topics and posts of the upper parent forum. Preferably to the <body> element because then I can then edit the whole page. The class could have the id of the most parent forum or a custom custom added class (maybe with a custom field?) that is not added to other upper parent forums.

What I’m trying to resolve is the following. My client wants forums in multiple languages, one of them is in Arabic. Text needs to be aligned to the right, but only for all forums and posts belonging that part.