[Robin W]

your theme is doing extensive bbpress changes.

It has a file at

https://enviroforum.net/website/wp-content/themes/enviroforum/lib/css/bbpress.css?ver=456a73969e36e761f6215426bf37ff30

which is turning off and on all sorts of things.

Sorry, but I can only suggest you contact the theme author to see if he can help

[Dimono]

Hi there,

I need to make changes in css that only happen inside all posts en forums of a parent forum.

This is easy to do on all subtopics and posts because the bbp-parent-forum-###class is added to the div classes of the posts.

These classes are not added to the reply forms or a parent div. How can I add the generated bp-parent-forum-### class to the reply forms as well?

Thanks in advance!

Dennis.

[aravoth]

So, I can style an .odd and .even forum differently, in this case to give forums on the the forums front page alternating colors, This also works for topics in the same way. And it carries over into replies, were the lead reply will have background-color: #fff;, and the next reply will have background-color: #000;, for example. What I am trying to do now is change the color of the blockqoute within the forum reply, to be the opposite of what the reply background is.

so if….

#bbpress-forums div.odd, #bbpress-forums ul.odd {
background-color: #000 !important;

}

then I would want something like…

#bbpress-forums div.odd, #bbpress-forums ul.odd, blockquote {
background-color: #fff !important;

}

For some reason I can not get the blockqoute background to change, at least the way I want it too. For some reason it changes the blockquote background globally. I feel like I am missing a CSS class here somewhere. Can anyone give me a hint at what I’m missing?

[wilcoxc]

Hi all,

I’d really appreciate some guidance on a couple of plugins that may or may not exist to help with styling of my forums. (My site: http://www.plymouthoctopus.org)

I’m hoping to achieve something like this: https://seventhqueen.com/support/forums/forum/kleo/bugs-issues – note the wide reply incorporating the avatar, and also randomly assigned avatars. I thought this might be custom CSS but I have seen very similar designs on other sites (plex.tv) and have concluded, perhaps wrongly, that this is a plugin doing the styling.

I’ve searched all through the plugin suggestions on this forum, installed loads (thought that bbp Style Pack was what I’d been looking for) but to no avail. Any suggestions would be hugely appreciated!

Many thanks in advance.
Chris.

[mithrandir]

Not sure why its not working, seems to work on my end.

I believe the cause of the issue is the wordpress theme your website is using.
The best solution would be to contact the authors of the theme WPZOOM, and im sure they can find a quick solution.

If not, you could try adding the CSS once more, the following should work:

#bbpress-forums div.bbp-topic-content p a, #bbpress-forums div.bbp-reply-content p a{
	background: none;
	color: black !important;
        position:relative !important;
 	display:inline-block !important;
        visibility: visible !important;
}

In truth it is difficult to address any styling issues without being able to see the website, if you can not get in touch with the authors of the theme I could try my best to find a solution.

[mithrandir]

Yes that would be the best solution, depending on their support for theme customization. I have extracted(just for testing purposes) the CSS from there live demo site for ‘discoverypro’, and can confirm it is the cause of the bbPress styling issues.

Users names from under their profile pictures trail off the right side of the screens

fix:

.bbp-body .bbp-topic-meta .bbp-author-name{
	display:block;
}

when reading posts and replies within topics, all the users profile pics squash themselves all together at the top left hand-side of the screen.

*I cannot recreate this issue as it is specific to your website, however if you could provide a link to your forums/website it would be possible to fix the issue.

[Kristian Yngve]

I’ve noticed there are some issues when the forums are displayed on handsets.

Users names from under their profile pictures trail off the right side of the screens, and worse still, when reading posts and replies within topics, all the users profile pics squash themselves all together at the top left hand-side of the screen.

** Note that if I rotate my handset to the landscape side, it all works great and no issues at all with the profile pictures going back to the normal places…

Everything else works great, just this little incompatibility. Any of you guys can suggest anything like a CSS rule that only targets this issue with the BBPress plugin to fix this?

Many many thanks all.

[Kristian Yngve]

I’ve noticed there are some issues when the forums are displayed on handsets.

Users names from under their profile pictures trail off the right side of the screens, and worse still, when reading posts and replies within topics, all the users profile pics squash themselves all together at the top left hand-side of the screen.

** Note that if I rotate my handset to the landscape side, it all works great and no issues at all with the profile pictures going back to the normal places…

Everything else works great, just this little incompatibility. Any of you guys can suggest anything like a CSS rule that only targets this issue with the BBPress plugin to fix this?

Many many thanks all.

[mithrandir]

To find the location of the template files navigate to:
‘wp-content/plugins/bbpress/templates/default/bppress/’

You will find all the template parts in this folder. It is recommended to not modify the files directly, instead create a folder named bbPress in the ‘generatepress’ theme root folder. ie. ‘wp-content/themes/generatepress/bbpress/’ copy any files you wish to modify into this folder. This way updates to bbPress wont overwrite any files you have modified and your changes wont be lost.

Test this by copying the content-archive-forum.php to the newly created bbpress folder and begin to modify the file.

a simple php echo command will confirm it is working by printing a message at the top of the content-forum-archive template.

<?php echo "Hello world!"; ?>

The Example provided in the previous reply can be pasted on top, or wherever you would like to display the topics. Some formatting is required, by adding appropriate div classes and styling with css as necessary. Would be happy to help with any of the html, php or wordpress functions if there is any difficulty.

*my apologies if this a duplicate reply, previous reply did not get submitted properly,spam protection may have blocked it, since it included links to screenshots on imgur.

[lauradimitra]

Hi Mithrandir,

thank you for your reply.

I’m using the GeneratePress theme and I figured out that I don’t have (or cannot find) the template “content-archive-forum.php”. I’ve looked for it in my theme (GeneratePress) and the plugins bbPress and BuddyPress. Can you tell me where I can find it?

I’m starting a forum for an open source product. One of our users prefers to see the unanswered questions immediately because he wants to help all user with an answer, so that’s the reason I’m asking it. My HTML and CSS skills are good,and now I’m using wordpress already for some months. My PHP knowledge is very basic and passive, but I’m used to it in WordPress.

Kind regards,
Laura

[loiruca]

HI, I found many articles on how to remove the sidebar from bbpress pages but nothing I do works for me. I’ve already checked my theme and sidebar is enabled. I’ve tried commenting out the <?php get_sidebar(); ?> under all bbpress templates files. I’ve tried hiding it with CSS.

The index forum pages and topics don’t show sidebar, but when I go to other pages like a user account or a tag, etc then the sidebar is there. Please, anyone, help me. I’m not sure what to do anymore.

[Robin W]

if you are savvy at working puzzles, then building a version of my template using your theme authors css classes should be quite doable.

If you care to send me the loop-forums.php from the theme I might be able to give you some clues, but I don’t have time to work a solution out in free time.

http://www.rewweb.co.uk

[Robin W]

So I am trying your bbp style pack, it looks like I have a lot of options I’d like to use. Is there some particular short code I’m supposed to use? I tried:
[bsp-display-forum-index forum= ‘46,50,52,54,56,59’]
And in the bbp style pack settings -> Forum Templates, I changed it to “Alternative Forum Template 1” but I dont see any changes. Am I using the wrong shortcode?

style pack will work against the standard forum code, so if you have a forum(s) displaying without style pack being activated, then it should work against that url with the changes

ok, that is my plugin, and I’ll try to get to a resolution

It may be as simple as closing and restarting your browser, so try this first !!

If that doesn’t work…

Style pack works with many/most sites, but it can fail due to a myriad of reasons, including (but no means limited to) site permissions, other plugins and most often site themes where the theme author has altered bbpress files.

My plugin uses two different techniques to make changes.

For some I change how bbpress sends information by changing or overwriting bbpress code, for some I change what is called css, which your browser uses to display information.

Therefore some changes may take effect, whilst others don’t seem to.

Additionally you may have :

1. ‘caching’ software that speeds up the download of your site, but may not recognise and immediately make changes from my plugin
Do you know if you are using caching software?
2. Site permissions issues – you site might (quite validly for it) not allow my plugin to write code to certain areas
Try
Dashboard>settings>bbp style pack>css location
check the activate box and set the location to
wp-content/uploads/
and save these changes

For the template, are you able to look at the site files to see if your theme has a directory called bbpress ?

ie wp-content/themes/%your-theme-name%/bbpress

where %your-theme-name% is the name of your theme

[riggie11]

I have WordPress ver. 4.8.2–en_GB and bbpress ver. Version 2.6-rc-3.The forum I created can be seen here:
https://freyer.com/forums/topic/this-is-a-very-long-topic-as-i-have-loads-to-discuss-2/?csshero_action=edit_page&rand=272

After setting up bbpress I have this search issue that when I search the forum, the results are messy as you can see above.
Any idea where I can make changes, so the page displays properly?

thanks,
Riggie

[nanpress1]

WP 4.8.2
Site is not yet live to public
Paid theme

Hi- I’m trying to create a bbpress sidebar template on the forum page. The sidebar works on the default page but it’s not optimal to have a bbpress sidebar on every page of the site. Therefore, I’d like a template just for bbpress.

I’ve searched the forums and have consulted used the bbpress documentation.
Here’s what I’ve done. Any input is appreciated.

I’ve created a bbpress specific sidebar using css and php in my child theme (using bbpress instructions)

I’ve populated the sidebar with widgets and saved it. However, when I go to page>templates there is no bbpress sidebar template to choose from.

To fix this, I went to the theme root page templates and copied ‘template-sidebar-left.php.’

Per the bbpress instructions, I renamed it bbpress.php and moved it the file to the theme folder. Now it’s wp-content/themes/%mytheme%/bbpress.php

This didn’t add a bbpress sidebar template. So I went into bbpress.php and changed
<div id=”primary” class=”container”>
to
<div id=”primary2″ class=”container2″>

No luck.

Also, I checked and there are no inactive sidebar widgets.

Still no luck. What am I doing wrong? What else can I try to get a bbpress template sidebar to appear?

Again, any insight is appreciated.
Thanks

[vegetarianzen]

Hello Team bbpress

I am using the plugin bbpress. I want to customise that view of forum similar to http://www.veggieboards.com/forum/index.php this link.

I have created the child theme and add the css folder and archive-forums.php file in the child theme. I am not able to customise plugin using css only because I want to change the structure. If I change plugin core file then future update overwrite my code and when I am place the complete plugin in child then its stop working and page become blank.

Please give me the solution I am waiting your solutions.

My bbpress plugin Version: 2.5.14

Wordpress Version: 4.8.2

Thanks

[pmatteudi]

Hi there,

I’m writing because I have trouble to understand how templates are managed in BBPress (and wordpress I guess :)).
I’d like to have a specific template on the main forum page (the one displaying the different forums). And another template for the page displaying the different topics.

Currently in the wordpress page where I pasted the short code [bbp-forum-index], I call the template bbpress.php, which is presented in the bbpress codex (See example at the end of the topic).

But how can I create a specific template for my forum index (listing all my forums), for instance “forum-display.php”. And another template, listing my topics (for instance “topic-display.php”).

Maybe my file bbpress.php is not appropriate to do so ? or need to be customized a bit ?

NB : I’m using twenty twelve theme

I hope my question is clear,
Thank you for your help,
Pierre

<?php
 
/*
Template Name: index-forum
*/
 
get_header(); ?>
  
<div id="primary" class="site-content">
 
		<div id="content-forum" role="main">
	 
	 
		<?php
		/*
		Start the Loop
		*/
		
		while ( have_posts() ) : the_post(); ?>
		 
		 
		<?php
		/*
		This is the start of the page and also the insertion of the post classes.
		 
		Post classes are very handy to style your forums.
		*/
		?>
		 
			<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
			<?php
			/*
			This is the title wrapped in a header tag
			and a class to better style the title for your theme
			*/
			?>
		 
			<header class="entry-header">
			 
			<h1 class="entry-title"><?php the_title(); ?></h1>
			 
			</header>
			 
			 
			<?php
			/*
			This is the content wrapped in a div
			and class to better style the content
			*/
			?>
		 
			<div class="entry-content">
			<?php the_content(); ?>
			</div>
			 
			<!-- .entry-content -->
			 	 
			</article>
			 
			<!-- #post -->
			<?php endwhile; // end of the loop. ?>
		 
		</div>
	 	<!-- #content -->
	 	
	 	<div class="login-sidebar"><?php dynamic_sidebar('forum_login_zone');?></div>

</div> 
	<!-- #primary -->
  
<?php
/*
This is code to display the sidebar and the footer.
Remove the sidebar code to get full-width forums.
This would also need CSS to make it actually full width.
*/
?>
		 
<?php get_footer(); ?>

[denrocs]

Apologies, I realised this would help after posting 🙂
I’ve set up a temporary WP site on a personal server with the same theme, WP 4.7.5 and BBPress 2.5.13 at http://wp.createlabs.co.uk/forums/

At the moment, the links to Child Forum 1 and Child Forum 2 are just plain blue links with a comma after Child Forum 1 which separates them.
What I’d like to achieve is what I have put in the image link above? The bottom image is what I’m trying to get the links to look like (https://imgur.com/OKO9pZ8)

Instead of a plain blue link, alter the CSS to highlight each link so they look more like flat rounded buttons rather than standard links.

I hope that helps, please let me know if I can do anything else 🙂

[Anonymous User]

Hello guys I have bbpress on my website working like charm in all devices except mobiles when i open the forum with my phone it becomes mess. I was searching a lot for hours and i found some guys gave me custom CSS and i put it also no luck the issue still the same so if anyone have faced this issue before and solved it tell me how and it would be greatly appreciated.

This is my website forum :http://www.empirearticles.com/forum/

Thanks in advance,

[denrocs]

Hi all

I’m using the ‘Kleo’ WordPress theme on WordPress 4.7.5 and BBPress 2.5.13, and am trying to change the standard links to forums in BBPress as they are too difficult to read currently, specifically the ‘bbp-forum-link’ class.

What I’m trying to achieve is a background highlight on each link, with rounded corners, plus a little extra space between them using the following code:

color: #e4e4e4;
    background: #232323;
    padding: 1px 2px;
    margin: 2px 2px;
    line-height: 1.7;
    border-radius: 3px;

I have also put this image together of what I’m trying – https://imgur.com/OKO9pZ8

How would I put this code into the custom style.css file of Kleo to stylise these links, please?

No link to site as it is on my local host (MAMP PRO 4 if that helps)

Many thanks

[Divvy]

Hey,

Sorry, I know that this topic have almost 3 years old, but I have a solution.
I’m going to add here in case there is more people looking for the same.

I have found this code to place badges (achievements) under user avatar in bbpress:

add_filter( 'bbp_get_reply_author_link', 'my_append_badges_via_filter', 10, 2 );

function my_append_badges_via_filter($author_link = '', $args) {

	# Needed to get the user ID of the person intended to be displayed.
	$user_id = bbp_get_reply_author_id( $args['post_id'] );
	#Construct your output here.
	$badge_output = '';

	$achievements = badgeos_get_user_achievements( array( 'user_id' => $user_id ) );
	if ( !empty( $achievements ) ) {
			$badge_output .= '<div class="achievements">';
        foreach ( $achievements as $achievement ) {
						if($achievement->post_type != 'badges')
							continue;
            $badge_output .= '<div class="achievement achievement-' . $achievement->post_type . '">';
            //echo '<h2>' . get_the_title( $achievement->ID ) . '</h2>';
            $badge_output .= get_the_post_thumbnail( $achievement->ID, 'thumbnail', array('title'=>get_the_title( $achievement->ID ) ) );
            //echo __( 'Earned on: ', 'text-domain' ) . date( get_option( 'date_format' ), $achievement->date_earned ) ;
            $badge_output .= '</div>';
        }
			$badge_output .= '</div>';
  } 
		
	return  $author_link . $badge_output;
}

To make badge smaller I added this CSS code:

.achievement.achievement-badges{width:50px;}

But the code is not perfect. Because is not showing badges only under avatar, is also showing at:
– forums main page
– forum page
– above topic (information bar)

Would be great too if have:
– link in badges to archivements tab page

Can someone help me with this? 🙂

Thanks!!

[cyklokopce]

Hi, could you please help me, is there any CSS code to hide that line on the top of every forum page? It looks like this: Home > Forum > Topic…

I use bbPress 2.5.13 and wordpress 4.8.1

My forum is here: http://www.cyklokopce.sk/forums/forum/info-o-trasach-lokalitach/

And the line is Domov › Diskusné Fóra › Info o trasách, lokalitách…

Thank you!

Daniel

[cyprineman]

Hello everybody !

I’m using BBP Style Pack but there is only the option disable or enable the freshness on the overview forum.

That’s why I would like to find to way so the freshness appears but is not linked to any topic. CSS seems a good idea but I’m not good at idea.

Can anyone help me please ?

Thx

[Vinod Dalvi]

I can see the lines in your shared forum.

To reduce spacing you can also try using below CSS code.

.bbp-forum-info .bbp-forum-title {
    margin-bottom: 0;
}

[Vinod Dalvi]

It’s hard to help you without accessing your site but please try using below CSS code on your site as described here http://freewptp.com/how-to-use-custom-css-in-wordpress-site/ to reduce spacing.

#bbpress-forums .bbp-forum-info .bbp-forum-content {
    margin: 0 !important;
}