[robgranholm]

I need this fixed, it likely only needs some CSS magic to resolve, I’m now fed up and need it working for a client so I’d like to pay for someone to assist.

I’ve seen this bug in a few places on the site.

I have the wrong navigation page menu item highlighting when on my forum page. See here: http://bit.ly/1j3Vrkh

I know there is a CSS work around to force proper highlighting but I can’t seem to figure it out.

The site is located at http://dev.itarsenal.com
username & pass

Go to forum page, and you’ll see what I mean, help is much appreciated.

Moderator Note: I removed the user/pass as this is now resolved

[robgranholm]

Hmm You are not understanding, this picture will make it clear.

It is not right for everyone.

When you click on the menu item Forum, and are brought to the Forum page, the incorrect page is then highlighted.

See here with arrows to show you what I mean: http://bit.ly/1gZvkXd

What SHOULD be happening, is that Forums should be highlighted as that is the correct page, and what the site loading for the current page.

I see on this thread https://bbpress.org/forums/topic/navigation-problem-current_page_item-not-set-for-forums-in-navigation-tabs/ someone had tried to solve it using CSS, to force highlighting the correct menu item, but I am having trouble with that, and looking for assistance.

-r

[KnightOfAmsterdam]

Hello people of bbPress.
I’m having one weird issue with my bbPress forum on the website I’m building.
I can’t quite let you see it, but I have attached an image.

I’m quite sure that this isn’t a CSS error, but rather some HTML bug of some kind.
I what I can’t figure out is where this is in the code.
The forum is adding “split” attributes to its elements, I’ve tried removing those.

What I’m wondering is, is this a HTML bug or is this a bug in a php loop?
Please answer this as soon as possible.

Thanks in advance,
The knight of Amsterdam

[robgranholm]

Thanks for the response, I’m coming back now to say I’ve figured this out.

Pagelines actually has a plugin to integrate with BBpress which lets you control this from their system.

If I could only figure how to get the right menu item to highlight when on the forum, can you assist with that? I’ve described the problem, and given the site information here: https://bbpress.org/forums/topic/wrong-navigation-current_page-need-css-help/

Thank you!

[ronthai]

Nothing seems to work, either gone WP side also or no changes.

Maybe it could be done inside the php?
Only if it is easy, the page number under the forums page is not the end of the world.

/*
Plugin Name: Page navi slider
Plugin URI: 
Description: An advanced, fully customizable and actually responsive navigation plugin using jQuery slider 
Version: 1.2.2
Author: Iznogood1
Author URI: denisns1@free.fr
*/

//Installation / Uninstallation
require_once(dirname( __FILE__ ) . '/inc/install.php');

//Administration
require_once(dirname( __FILE__ ) . '/inc/settings.php');

//Display the plugin
require_once(dirname( __FILE__ ) . '/inc/frontend.php');

//Version
function wpns_version(){
	$v=get_plugin_data(__File__);
	return $v['Version'];
}

//Load style and JS
function wpns_style_and_scripts() {
	wp_register_style('page_navi_slider_style', plugins_url('style/page-navi-slider.css', __FILE__) );
  wp_enqueue_style('page_navi_slider_style' );
	wp_enqueue_script('page-navi-slider-script',  plugins_url('/js/page-navi-slider.min.js', __FILE__),	array( 'jquery', 'jquery-ui-slider' ), true);
	wp_enqueue_script('jQueryUiTouch',  plugins_url('/js/jquery.ui.touch-punch.min.js', __FILE__),	array( 'jquery' ), true);
	if(ereg('MSIE 7',$_SERVER['HTTP_USER_AGENT'])){
		wp_register_style('page_navi_slider_styleIE', plugins_url('style/page-navi-slider.ie.css', __FILE__) );
		wp_enqueue_style('page_navi_slider_styleIE' );
	} 
}

//Localization
load_plugin_textdomain( 'page-navi-slider', '', dirname( plugin_basename( __FILE__ ) ) . '/lang' );

//Actions and filtes
add_action( 'wp_enqueue_scripts', 'wpns_style_and_scripts' );
register_activation_hook(__FILE__, 'wpns_install' ); 
register_deactivation_hook(__FILE__, 'wpns_remove_auto_display' ); 
register_uninstall_hook(__FILE__, 'wpns_uninstall');
wpns_auto_display();

//Main function
function page_navi_slider(){
	//Prepare pagination	
	global $wp_query, $wp_rewrite;
	$wp_query->query_vars['paged'] > 1 ? $current = $wp_query->query_vars['paged'] : $current = 1;
	$pagination = array(
		'base' => @add_query_arg('page','%#%'),
		'total' => $wp_query->max_num_pages,
		'current' => $current,
		'show_all' => all,
		'type' => 'array',
		prev_next => false,
	);
	
	if( $wp_rewrite->using_permalinks() )
		$pagination['base'] = user_trailingslashit( trailingslashit( remove_query_arg( 's', get_pagenum_link( 1 ) ) ) . 'page/%#%/', 'paged' );
	
	if( !empty($wp_query->query_vars['s']) )
		$pagination['add_args'] = array( 's' => str_replace( ' ' , '+', get_query_var( 's' ) ) );
	
	//Display the plugin
	$page_links=paginate_links( $pagination );
	wpns_frontend($current,$wp_query->max_num_pages,$page_links,get_option('wpns_settings'));
}

[robgranholm]

I’ve seen this bug in a few places on the site.

I have the wrong navigation page highlighting when on my forum. I know there is a CSS work around but I can’t seem to find where.

The site is located at http://dev.itarsenal.com
username & pass
outsidesupport
changethis12

Please go to forum, and you’ll see what I mean, any help much appreciated.

-r

[ronthai]

forgot to mention, to find any class (e.g. bbp-forum-title) you need for the css, you should look at the page source or use FireBug

[ronthai]

add to the bbpress.css
.bbp-forum-title { color: #E03700 ! important; }
You also put anything in there like font-size, font-weight, text-decoration

Note that when bbPress opdates all changes will be lost, UNLESS you follow these instructions:

You should have all your customizations as per this document
https://codex.bbpress.org/theme-compatibility/

[inceleco]

Hello,
I am a newbie working hard on Turkish translation of this plugin. Half done, and half way to go.

While making the translation, I am also trying to figure out how to make my forum look good with a compatible colour choices of my blog theme.

So. I want to change my forum topic color and I need a help with that.

Like this

[Robin W]

As Stephen says move the bbpress.css into your theme and you can mod it withoutn overwriting

see

Step by step guide to setting up a bbPress forum – part 2

for details of how to do this

[eduardosilva]

Hello Stephen, thanks for your feedback

So far, I just noticed this issue after edits.
Do you mean if I have the odd and even classes on the bbpress.css?

#bbpress-forums div.even,
#bbpress-forums ul.even {
background-color: #fff;
}

#bbpress-forums div.odd,
#bbpress-forums ul.odd {
background-color: #fbfbfb;
}

I found this on the css, but I’m not sure if this is what you are looking for.
I didn’t changed any template or php file.

Thank you! 🙂

[Stephen Edgar]

I am not not sure if this is a bug or not, my CSS skills are not that great.

If we removed it I am not sure how this would affect template compat in other themes.

I would suggest adding a custom bbpress.css file to your theme with the ‘overflow: hidden’ removed/commented out.

#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
	font-size: 12px;
/*	overflow: hidden; */
	border: 1px solid #eee;
	margin-bottom: 20px;
	clear: both;
}

Also if you want to create a ticket on Trac https://bbpress.trac.wordpress.org/ we can look into it further.

[Stephen Edgar]

I can’t seem to reproduce this issue, I can clearly see it @eduardosilva forum thread linked to above.

Here is the basic layout of the CSS classes of @eduardosilva topic linked above

1. post-18012 topic type-topic status-publish hentry even bbp-parent-forum-4 bbp-parent-topic-18012 bbp-reply-position-1 user-id-6181 topic-author
2. post-18014 reply type-reply status-publish hentry even bbp-parent-forum-4 bbp-parent-topic-18012 bbp-reply-position-2 user-id-2
3. post-18031 reply type-reply status-publish hentry even bbp-parent-forum-4 bbp-parent-topic-18012 bbp-reply-position-5 user-id-6181 topic-author
4. post-18037 reply type-reply status-publish hentry even bbp-parent-forum-4 bbp-parent-topic-18012 bbp-reply-position-7 user-id-6181 topic-author
5. post-18046 reply type-reply status-publish hentry even bbp-parent-forum-4 bbp-parent-topic-18012 bbp-reply-position-8 user-id-2
6. post-18029 reply type-reply status-publish hentry even bbp-parent-forum-4 bbp-parent-topic-18012 bbp-reply-position-3 user-id-6181 topic-author
7. post-18033 reply type-reply status-publish hentry even bbp-parent-forum-4 bbp-parent-topic-18012 bbp-reply-position-6 user-id-2

The order currently being shown using bbp-reply-position- is 1, 2, 5, 7, 8, 3, 6 and it should be 1, 2, 3, 5, 6, 7, 8.

Every post has a class of even when every second post should be odd based on the source code here, this is also something I cannot reproduce. This is also a sitewide issue on all the topics on @eduardosilva forums.

Anyone else with this issue can you confirm it is also ONLY after a reply has been edited?

Also do you have odd & even in the CSS classes or all they all even?

[ozgurpolat]

Hi Stephen ( @netweb ), I spent my whole sunday afternoon setting up two test sites where in one of them (http://kooksjournal.net/forums/) I have bbpress 2.5 and in the other one (http://kooksjournal.com/forums/) I have bbpress 2.3.2 installed. I created two users for bothsites.

“guest” user is a subscriber, “test” user is the admin. they both have the same password “welcome”

if you login as “guest” user and visit this forum: http://kooksjournal.net/forums/forum/science-technology/welcome-to-the-science-technology-forum/

you will see that the css is broken, but if you login as admin “test” you will see that the page displays normally.

if you do the same for this forum: http://kooksjournal.com/forums/forum/science-technology/welcome-to-the-science-technology-forum/

you will see that there is no css problem for both “guest” and the “test” user. I hope this helps.

[Robin W]

crzyhrse – I am in the process of trying to improve the documentation – I started using wordpress & bbPress earlier this year and am still learning. This is community software, and community documentation, so I am trying to do my bit by helping the documentation side, and by spending time on the forum helping others where I can. The step by step guides I am writing are designed to fit the bill of “cohesive simple directions”, but if they are failing or you haven’t found them, then they are not working as planned. Let me know and I’ll try to improve layout and/or content, but I need good feedback to do this.

The text change suggested by renai42 works (with a small change) if done to the bbpress.css.

Can I ask you to look at

Step by step guide to setting up a bbPress forum – part 2

and the styling crib

bbPress Styling Crib

I’ve just tested and added Renai’s css so look there for what to use.

If you can improve wording or content to help others – please let me know what could be better phrased.

If it doesn’t work, come back with what you did, and I’ll see if I can help further

[jeepdon]

Re: http://powershell.org/wp/forums/users/dlwyatt/replies/

You’ll notice that the container for the page content is getting a 0px width and massive height calculated. The CSS style #bbp-forums has an “overflow: hidden;” style. Removing that style element fixes the display – but I’d like some confirmation that this is indeed a bug? The content in this specific case has a lot of PRE/CODE styling, so I’m not sure if there’s some weird interaction going on that I just can’t figure out.

The container in question is a ul#topic-0-replies, classed with .forums and .bbp-replies. The overflow attribute I’m referring to is coming right from the top of bbpress.css.

Note that I’m using the default styling/theming for BBP.

[QTipPoker]

My forum site is:

http://qtippoker.com/forums/forum/qtip_forums/

I’ve no idea why, but I’ve recently lost the table type formatting that came with bbpress (the way each forum was in a box and such.) I don’t think I’ve installed anything new or made any css changes since I lost saw bbpress in the table format.

Any ideas? I’m using twenty thirteen.

Thanks.

[Cars10]

ok, here my latest uüdates to custom CSS field of my theme:

#bbpress-forums > #subscription-toggle{
   float:right;
}

#bbpress-forums div.bbp-reply-content a.subscription-toggle,
#subscription-toggle a{
   font-weight:bold;
   padding: 0 2px 0 2px;
   border: 1px solid navy;
   background-color: white;
}

#bbpress-forums div.bbp-reply-content .is-subscribed a.subscription-toggle,
#subscription-toggle .is-subscribed a.subscription-toggle{
   background-color: #FFE000;
}

[ozgurpolat]

Hi,

I have a bbpress Version 2.3.2 installation that works fine but if I upgrade to Version 2.4 or 2.5, the css breaks for subscribers and only for child forums. What I mean is if I have a parent forum and create a child forum, when a subscriber visits the child forum, css doesn’t display properly, but if the user is admin, there is no problem. Not sure how to fix it.

Thanks

[Robin W]

You might need to play a bit, and come back if this either works or doesn’t, I’ve only had a quick look, and suspect there’s a much better way…but

You main theme uses ‘Helvetica Neue’,sans-serif and the forum is using Arial

I’m still on 2.4.1 so can’t tell you which lines you need in version 2.5

So in the bbpress.css file you’ve correctly copied to theme’s folder, do a search for “font-size” and where you find it, add a line

font: ‘Helvetica Neue’,sans-serif;

That will take it in common with the main theme’s font.

for instance

#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-topic-title h3,
#bbpress-forums div.bbp-reply-title h3 {
	background: none;
	border: none;
	font-size: 16px;
 	line-height: 1em;
 	margin: 8px 0;
	padding: 0;
	text-transform: none;

you’d alter it to say

#bbpress-forums div.bbp-forum-title h3,
#bbpress-forums div.bbp-topic-title h3,
#bbpress-forums div.bbp-reply-title h3 {
	background: none;
	border: none;
	font-size: 16px;
 	font: 'Helvetica Neue',sans-serif;
 	line-height: 1em;
 	margin: 8px 0;
	padding: 0;
	text-transform: none;

[FreeWPress]

Hi, is correct because you have closed topic and bbpress use ccc colors text for closed topics..

If you want to change it, open bbpress css at line 66 and find:

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

change in #000000 or other colors…

[byronlee27]

I am having some trouble figuring out how to change the font type on my forum. Everything looks good except the forum index, which is using a font that looks like it’s done with a typewriter. I want to use a bolder, darker font link the rest of the site has. I’ve copied the bbpress to the themes folder and made a CSS folder and copied everything to there. I was looking through the code and I couldn’t make heads or tails out of it. Can someone go to http://www.lowvisionrants.com/forums and tell me how to change the font of that main page so it looks normal?

[Thibaud]

Sure, although the first steps of customization comes from avada theme who integrate styles for bbpress as you can see on this page : http://theme-fusion.com/avada/forums/forum/general-information/

The following is the css i added to the style.css file of avada. I’m a begineer so let me know if something is wrong.

#bbpress-forums li.bbp-header, #bbpress-forums div.bbp-reply-header, #bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a, div.bbp-template-notice, div.indicator-hint {
background: rgba(255, 204, 0, 0.65) !important;
}

#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
font-size: 17px;
}

li.bbp-forum-topic-count, li.bbp-topic-voice-count, li.bbp-forum-reply-count, li.bbp-topic-reply-count {
float: left;
text-align: center;
width: 11%;
}

#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic, #bbpress-forums div.bbp-reply-content, #bbpress-forums div.bbp-reply-header, #bbpress-forums div.bbp-reply-author .bbp-reply-post-date, #bbpress-forums div.bbp-topic-tags a, #bbpress-forums #bbp-single-user-details, div.bbp-template-notice, div.indicator-hint .bbp-arrow {
border-color: #FAD200 !important;
}

#bbpress-forums div.odd, #bbpress-forums ul.odd {
background: rgba(10, 89, 229, 0.16);
}

#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results {
font-size: 15px;
}

And a few BBpress specific’s plugins :

Social Login (also a wordpress plugin)

Orbisius bbPress Enhancer

bbPress New Topic Emailer

bbPress Enable TinyMCE Visual Tab

bbPress2 shortcode whitelist

bbPress2 BBCode

And unfortunatly bbPress Threaded Replies doesn’t work with bbPress Enable TinyMCE Visual Tab, it’s one or the other.

[YacoRoca]

Hi, I am including a screenshot, basically the author posts and suscribe favorite lines are floating on top of the actual forum entries. I can’t figure out exactly what is wrong, and I tried removing all the custom css and still nothing. Any suggestions as to what the issue might be, or on how to find the cause?

Thanks!!!

[Robin W]

Unfortunately it’s css and php files that you will need to amend

Quickest change would be to add the following to your style.css

#bbpress-forums .bbp-forums-list li {
display: list-item !important;
font-size: 11px;
}

or to amend the display line in wp-content/plugins/bbpress/templates/default/css/bbpress.css line 121

That’ll get your list vertical.

Add descriptions to your forums (dashboard>forums>edit and put something in content) and you’ll have the next part.

Then if you want to alter the display, you’ll need to look at loop-single-forum.php

or the main forum display loop-forums.php