Can you get more specific with your CSS? By that, I mean just targeting the date instead of the whole freshness block. For example, I see on my bbPress installation that the date in the forum freshness is in a child div of li.bbp-forum-freshness, which in CSS would be div.forums-topic-datetime.
If you are more comfortable with PHP and WordPress development the forum and topic freshness links do have filters:
bbp_get_forum_freshness_link
bbp_get_topic_freshness_link
Both filters pass the link html and the forum/topic id to your callback function. You could then hook to these filters, and simply have your filter callback return an empty string.
Hi everyone,
I want to remove the last post date from my bbpress forum and topic pages:
I want only this to show up:
Freshness
[AVATAR IMAGE] Username
Basically i want to get rid of the date. I tried using CSS with this code:
li.bbp-forum-freshness a,
li.bbp-topic-freshness a{
display: none;
}
But it hides both the date and the username.
So, how can i hide only the date and leave the username?
Please help.
Hmm, tried overflow:auto on .bbp-user-section, but it didn’t work. The stuff I posted above worked for me at AppGlobe:
Try it with firefox here:
http://appglobe.com/forums/users/martin/topics/
…I think I’ve added a width of 100% as well as W3c suggests.
Thats strange, I checked out your profile topics page in firebug and added a float left at this section:
#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies {
border: 1px solid #EEEEEE;
clear: both;
float: left; // Added this
font-size: 12px;
margin-bottom: 20px;
overflow: hidden;
}
and when I did so it got visible.
Try this instead at the bottom of your style.css:
#bbpress-forums ul.bbp-topics { float: left !important; }
Try this at the bottom of your CSS file:
#bbpress-forums .bbp-user-section ul.bbp-topics
float: left !important;
}
WP 3.4.2
BBPress Plugin – 2.2.2
1) Installed BBPress plugin. Did basic setting in admin for the plugin.
2) Copied archive-forum.php and single-forum.php from bbpress plugin directory to mytheme root directory.
3) Copied “css/bbpress.css” to mytheme root directory and then customized.
4) Installed “bbPress Search Widget” plugin. Put it in Primary Area.
5) That’s it. I have not created any new template/page for the forum.
All look fine and working but I have this problem.
If you go to this page http://www.clouni.com/askquestions/
You will notice the search widget in lower right side. How can I put it above the forum breadcrumb “CLOUNI › Forums” ?
WP 3.4.2
BBPress Plugin – 2.2.2
1) Installed BBPress plugin. Did basic setting in admin for the plugin.
2) Copied archive-forum.php and single-forum.php from bbpress plugin directory to mytheme root directory.
3) Copied “css/bbpress.css” to mytheme root directory and then customized.
4) That’s it. I have not created any new template/page for the forum.
All look fine and working but I have this problem.
If you go to this link http://www.clouni.com/askquestions/
You will notice the title “Forums” in left side. How can I hide it ? If I understand correctly, it is page title generated through wordpress. But how to hide it only for forum pages and not other page in wordpress ??
If you know CSS you can easily add some styles to your to style sheet. If you use the default templete, it could look like this:
.bbPress.forum .entry-title {
/*Styles to add icon image to the left of this element goes here*/
}
Hi how do i edit the forum title for the main forum page.. I just want to add some .css to the header “Forums” but can’t find what template i need to edit to start hacking up.
Thanks
Regards, Darren
There is a div in your header.php file that contains the top search box. This could be modified to add a login box or login link (better, IMHO). Since I don’t have access to your theme files, you will have to tweak the css a bit, and put it into your style sheet (I’m showing it inline here just by example):
<div id=”top_area”><section class=”widget widget_search” id=”search-4″><a href=”/wp-login.php” style=”float:left; display:inline-block;margin-right:20px”>Login</a> <form action=”http://aftertasty.com” id=”searchform” method=”get” style=”width:400px;”>
Making a child theme is beyond the scope of this forum, but there are plenty of good resources if you google “create a wordpress child theme”. In a nutshell, you need “at least” to have a new folder, with a style.css file that references the proper header elements of your parent, including its name and the location of the parent theme’s style sheet.
If you are using the shortcode method, please try the default method instead, which is to change bbPress’s default root slug to something that is “NOT” an existing page (try “sitewide-forums” for example). This will allow you to keep your existing page / shortcut method index. Please show us what happens when you do this? (provide the URL)
Right now I have the page built using [bbp-forum-index] in a page that is just my website with the /forums.
This is giving me the result of the bullet point style forum index page.
@LabSecrets – I read your post here: https://bbpress.org/forums/topic/non-functional-index-page-when-bbpress-2-1rc4-is-used-with-woothemes-canvas-5-05/
How do I make the child theme and can you make its CSS changes just apply to one page? (in this case, just to the forum index page?)
THANKS!!
Kslad
this will bring joy to your heart.
Add it to your css file wherever you add other customization mods:
body.bbPress #sidebar {display:none;}
body.bbPress .post {width:100%;}
It will remove the sidebar and make your forum 100% width.
Cheers!
spence
Those are added by your theme…line 1760 of your theme’s style.css
I’m looking for the correct method to dequeue bbpress css from the plugin directory and also that of the css folder within the theme.
The entire site is much larger than just the forum and I really don’t want to call the css for every page as most people don’t have a need to access the forums. I’ll then enqueue the css with is_bbpress combined with is_page(array for the 2 pages that contain shortcodes.
I need to make sure that it dequeues from both locations as there is a custom css being used.
Thanks in advance for the help!
Look for tr.odd td and tr.even td in your bbpress.css
URL: http://www.RBCForum.com/community
I would like a completely transparent background on my forum. As you can see here the background is currently white. I much prefer the yellow background of my theme. I looked at the .css file and the background is set to transparent. What am I doing wrong?
Hey. Not sure if I’m missing something, but I’ve been looking around the forums following advice on using a custom bbPress CSS file, but it isn’t working.
I’m creating a theme based on underscores.me 1000 headstart theme.
I’ve copied the CSS file from ‘plugins/bbpress/templates/default/css/bbpress.css’ to ‘themes/underscores/bbpress.css’. I’ve read previously that that bbPress will then detect the custom CSS file and use it. Doesn’t appear to be the case.
Have I missed something?
One more thing:
User profile was causing a problem where navigation was pushing down summary of topics and replies. Add this CSS to fix:
#bbpress-forums .bbp-user-section {
display: inline-block;
width: 100%;
}
I ran a test site and figured it out for you… or anyone who is having same issue.
It seems that the bbp-user-section class needs the attribute of “inline-block” in order to properly float to the right of the profile navigation. Also I had to force it to go 100% width (it picked up the 68% from somewhere else)
Use this CSS:
#bbpress-forums .bbp-user-section {
display: inline-block;
width: 100%;
}
Can someone please help me out?
The quoting function leaves me out with a huge margin before the quote! I first noticed it today and I have no idea what caused it!
I added a fancy editor a couple days age pasting a code from topic.
I also messed around with plugins GD bbPress Tools and bbPress2 BBCode trying to find the best solution for quoting.
Somehow I have now a huge margin, I can’t edit it in css – don’t know what to do!
It looks like this http://img152.imageshack.us/img152/1030/quoteproblem.png
The link to my forum and an example topic with (notice that the quoting function worked fine a few days ago…)
http://lowcygier.pl/temat/dolacz-do-naszej-grupy-na-steamgifts/?view=all#post-1877
Please, I will appreciate any suggestions
My forum’s home page is taking on post CSS attributes from my theme. I’ve tried using this:
.forum-archive .item-list div {
float: none !important;
width: 100% !important;
}
When I inspect the elements, unclicking float and width makes it look good in my browser, but trying to duplicate within the actually CSS, it doesn’t change anything. item-list is a class from my theme.
Apologies that I sounded impatient and impolite.
I will do the CSS (and JavaScript?) tweaks myself.
Thanks!
bbPress is now a plugin for WordPress. That means that it doesn’t run without an install of WordPress.
As for the design; that’s entirely up to you. You can go with the default bbPress styles, use a WordPress theme that overrides them or apply your own CSS and make the forums totally original. I recommend having a good read of the bbPress 2.0+ documentation.
It doesn’t look like things are too messed up. Although it’s not always the best method in this case I would recommend using the !important tag in your css for bbpress. This will only override the theme when the bbpress-forum tag precedes it therefore not effecting the rest of the site.
Specifically you should follow the instructions to move the css into your theme directory and then modify line 62 of the bbpress.css found in your theme/css folder. You’ll need to add !important before the ; and after your list-style and margin entries. In order to get rid of the stars you’ll have to add a line of css defining the “a” style within the bbpress-forum. You’ll need to set the background to none and the padding to 0.
Hope that helps.
