I would highly recommend looking into learning a little CSS, even a small amount can let you achieve a lot in bbPress and even WordPress.
Something you can do for example is: #bbpress-forums { background-color: #ffffff; color: #000000; } – this is just an example.
Good luck! 🙂
I’m having issues with the font or background color on my bbpress forums page. The font is to light I cant read anything. Can someone please explain to me how to change the color. I’m a beginner at all this so I don’t know any css but I can look it up. I tried to do it under the stylesheet under editor but I cant find the code. my website is fishfanatixblog.com and click the buy/sale/trade tab and see it.
Hi Stephen ( @netweb ), Thank you for the quick reply, the issue you mentioned (http://www.kriesi.at/support/topic/bbpress-user-profile-page-problem/) was a different problem, I had to create a page called “blog” for bbpress to work with this theme. After creating this page everything worked smoothly until I upgraded to bbpress 2.4.
To be honest I thought that the problem was my theme, and not bbpress. BUT … this problem did not occur with my current theme until I upgraded to bbpress 2.4. It only happened when I upgraded to new version. In order to demonstrate, I replaced my theme with standard buddypress theme. I also removed all the other plug-ins you mentioned, If you log in now as the guest user you will see this css problem even with the buddypress theme.
If you log out (s2 member is removed) and look at the same forum when logged out the css problem does not occur. Only when you log in as subscriber. (http://megm.wpengine.com/forums/forum/magazine-articles/july-december-2013/)
Kind regards
For what you want you could always make use of the Recent Topics Widget and setup a whole new page/index.php that shows:
Forum name
Recent Topics widget for that forum only
Forum name
Recent Topics widget for that forum only
Seems a lot simpler then changing the core files, which will be an issue for updates.
The look of the widget can be easily altered by css
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
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
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
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!
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'));
}
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
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
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/
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
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
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! 🙂
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.
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
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-authorpost-18014 reply type-reply status-publish hentry even bbp-parent-forum-4 bbp-parent-topic-18012 bbp-reply-position-2 user-id-2post-18031 reply type-reply status-publish hentry even bbp-parent-forum-4 bbp-parent-topic-18012 bbp-reply-position-5 user-id-6181 topic-authorpost-18037 reply type-reply status-publish hentry even bbp-parent-forum-4 bbp-parent-topic-18012 bbp-reply-position-7 user-id-6181 topic-authorpost-18046 reply type-reply status-publish hentry even bbp-parent-forum-4 bbp-parent-topic-18012 bbp-reply-position-8 user-id-2post-18029 reply type-reply status-publish hentry even bbp-parent-forum-4 bbp-parent-topic-18012 bbp-reply-position-3 user-id-6181 topic-authorpost-18033 reply type-reply status-publish hentry even bbp-parent-forum-4 bbp-parent-topic-18012 bbp-reply-position-6 user-id-2The 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?
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.
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
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.
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.
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;
}
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
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;
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…
