[r083r7]

I am trying to remove the name of the forum on the index page that lists all the topics. I used CSS to remove it but it’s not working right.

#bbpress-forums h2 {
display: none;
}

This removes the title as I want but when I click on any topic it also removes the posters question 🙁

Does anybody know how to remove just the forum name?

[tw2021]

HI
I got a code that i would like to hide thee username. For e.g when someone click on the profile member from the post in forum, it will bring to the profile page

#bbpress-forums #bbp-user-wrapper h2.entry-title {display: none;}

I have got the bbstyle pack and i entered the code above in the css customization but its not working. Is there a place I can insert the code above?
thanks

[machine1]

Hi,
I am having issues overriding the css in bbpress.min.css using my child theme style.css
I have also tried the method of creating a bbpress.css in the wp-content\themes\<child-theme>\css\ folder, but that hasnt worked.

Using a parent theme and making changes in that style.css seems to work (albeit my dev server has on an older version of wordpress).

Specifically, I am trying to change the sizes of “topic type” and “topic status” dropdowns (or the font) as the text is cut off.

I’m targeting the ID #bbp_topic_status_select directly with !important and still not working.

WP version: 5.6.1
bbpress version: 2.6.6
URL: tinymatch.com.au/forums/forum/general/

[dogwomble]

Hi there,

I’m having an issue where user avatars are sometimes showing as off-center with a dark background. An example would be https://crispygeek.com/forums/topic/youtube-volume/

I kinda suspect the CSS in the theme is somehow mangling it, which I would like to try and fix – my brain doesn’t seem to want to work out which CSS it is without hurting.

Any ideas?

[uksentinel]

You and I both 😉

Try the first option: as it does depend on your Theme

i.e go to your Dashboard > Appearance > Customise > Additional CSS and cut and paste the following in there (exactly as it is)

#bbpress-forums #bbp-search-form {
display: none !important;
}

[essenzalunare]

Hi,
I have bbpress with elementor and I inserted forum link in main menu.
When I open forum page I see a 100% width page without any margin between text and border.
If I enter in a topic content in centred and all is ok.
Is there a way to resolve the issue?
If i try this following custom css main page is ok while topic page is resized.

#bbpress-forums.bbpress-wrapper {
max-width: 70% !important;
margin-left: 150px
}

[neon67]

So, the final css looks like this (you must put “a”)

#bbpress-forums .bbp-topic-freshness .dayfresh  a {
background-color : #f4ffe8 ;
	border: 1px dashed;
	color: #475656;
}

also 86400 looks a lot – captures the 2nd day. Perhaps need to set 23 hours. But these are little things ))

Thanks to Robin for the great code!))
I think this is a useful find for those who visit the forum once a day and immediately see how many topics have been updated in the last day.
Colored blocks are very noticeable – it’s better than straining and peering at the date numbers.

[neon67]

#bbp-topic-8191 > li.bbp-topic-freshness in code

#bbpress-forums .bbp-topic-freshness a { in css

this is a small box with a time stamp (see pic. above) white background now

[Robin W]

try this

add_filter ('bbp_get_forum_freshness_link' , 'rew_check_freshness', 10 , 6 ) ;

function rew_check_freshness ($anchor, $forum_id, $time_since, $link_url, $title, $active_id) {
	$last_active = get_post_meta( $forum_id, '_bbp_last_active_time', true );
	$diff = strtotime('now') - strtotime($last_active) ;
	if ($diff<86400) {
	$anchor = '<span class="fresh">'.$anchor.'</span>' ;
	}
return $anchor ;	
}

This adds an extra span class called ‘fresh’ if the last active is less than 24 hours.

you can then style this in css eg

.fresh {
background-color : green ;
}

[Julia]

Thank you for your help. Thanks to your code, I manage to set up open close button in the reply page .
So in bbp style pack or my customized code, the open close status button sets on all comments in the reply page.
It would be un-displayable by using CSS code except for top comment[topic author comment].

Do you have some sample code to hide unnecessary open close status buttons by CSS(Cascading Style Sheet) ?

Example

//topic author		
<a href="http://～　　　#post-1762" class="bbp-reply-header">#1762</a>
class="bbp-topic-close-link"
//------------------------------------------------------------------------
//reply first
<a href="http://～　　 #post-1763" class="bbp-reply-header">#1763</a>
class="bbp-topic-close-link"

#bbpress-forums  XXX.bbp-topic-close-link {
        display: none;
  }

[JLee]

Looks like you are being ignored, no one wants to help you!!

I’ve only been learning CSS code for about 2 weeks, but I happily try and help you. Try this below.

Removes Last Post:

li.bbp-forum-freshness, li.bbp-topic-freshness 
{
   
 display: none;
} 

Shifts Topics/Posts to right side:

 li.bbp-forum-info, li.bbp-topic-title 
{
    float: left;
    text-align: left;
    width: 75%;
} 

[herdager]

Hello thanks for your answer, I installed the plugin but doesn’t take effect on the forum pages, can I set the order to the bottom with css or php options?

[JLee]

Final post on this issue….all fixed…thank you neon67…never worked with CSS before…went in and explored all the bbPress css files…experimented and got it to work!!! YES!!!

Below is the code that fixed the alignment issue as well as avatar size:

#bbpress-forums .widget_display_replies img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar
{
height: 20px;
width: 20px;
margin-right: 4px;
margin-bottom: -6px;
}  

[JLee]

Hello neon67,

try to css:
#bbpress-forums .widget_display_replies img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar
{display:none !important;}

The code above worked beautifully!!

Thank you neon67!!

[neon67]

try to css:

#bbpress-forums .widget_display_replies img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar
{display:none !important;}

[neon67]

I want to make all uploaded pictures open as …a class=”my-class” rel=”prettyPhoto” href=”pic_address”…

I found how to filter all the necessary pictures through css. It’s like this:
# bbpress-forums div.bbp-reply-content img, # bbpress-forums div.bbp-topic-content img
{
display: block;
max-width: 100%;
height: auto;}

Question. What to add to the css or functions so that the picture gets a link like rel = “prettyPhoto”. Once I met a solution specifically for WordPress, but now I can’t remember…
That can I do for this (through a css, filter or declarations provided by the loader for the class?)

Thanks for a possible answer.

[uksentinel]

I am running a little custom CSS custom code to underline all my Hyperlinks on my BBPRESS forum, which work well, but I now wish to not underline Topics – can anybody advise addition code needed ?

Thanks:

main a {
text-decoration: underline !important;
}

Site: uktechhub.com

[maskis]

Thank you for your answer!

You were right, most of my problems were due to not having sidebar on the homepage. This is now fixed!

I encountered now more frustrating problem. When I use the shortcode above on my homepage, the forum is displayed in default template. In the actual Forum-pages the template is alternate forum template 1 (I´m using bbPress Style Pack plugin). I would like the homepage view to be alternative forum template 1 too.

In Style Pack plugin “Not Working?” section reads as follows:

“It’s not working !!
It may be as simple as closing and restarting your browser, so try this first !!

If that doesn’t work…

Background
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, php versions, other plugins and most often site themes where the theme author has altered bbpress files.

This is no-ones fault – whilst I can control how bbpress performs, there are many thousands of plugins and themes, all of which may be trying to amend the same stuff as I am, and many host poviders who will have differing but equally valid permission and code versions.

Problem finding
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? If so then try refreshing, purging or deactivating to see if this fixes.

If you still have the issue, we need to work out which parts are working and which not

We need to look at 2 areas – files and css

2. Files
If your theme author has changed bbpress files in his theme, this will be for valid reason, which may relate to either style or functionality

No bbpress files have been changed in the theme

3. CSS
If css had loaded then the text below will have a green background, if it has not loaded this will be a red background

This sentance should have a green background

If the background is red, then try amending the “css location” tab above

check the activate box and set the location to
wp-content/uploads/
and save these changes
and then come back and re-check this area.”

I´m not using any cache plugin at least to my knowledge. I´ve also tried to unactivate all of the other plugins than bbPress, Style Pack and BuddyPress. This makes no difference.

Can´t find any settings that would force the homepage view on the theme to be any different than on any other sections of my site.

Any clues, what could I do to fix the problem?

[erich199]

Sorry I might not have explained what I’m trying to accomplish properly.

The shortcode I’m currently using on my live site is this:
[bbp-single-topic id=4657]

Just the normal bbpress shortcode to show the content of the actual topic. I used some CSS code to remove the post form and any replies. So it shows only the first post in a topic which is what I want to display as news on my front page from different forums. The shortcode you listed does show the stickies but just the actual forum topic and not the content of the first post of that forum topic.

I wasn’t sure if there was a shortcode that displays the content of the first post from “x” amount of topics from a specific forum.

So on my page I have three codes that are pulling a single topic from 3 different forums.

[defiance12]

I just wanted to say a BIG thank you to @johnjamesjacoby and the rest of the fabulous team for creating and maintaining this excellent free forum software! My forums at https://nerdpunk.com.au/forum/cyberpunk-2077/ look and function better than I could have possibly dreamed. They are super fast and responsive and with the support of the community with the various plugins available, the customizations that you can do with bbPress is almost limitless!

Also, I wanted to shout out @robin-w, his bbp style pack plugin is fantastic. I have performed many custom css improvements with this addon, and I see him posting regularly on these forums assisting others. A big thank you to you sir!

One request, if you guys deem my forums to be on par with the other forums showcased at https://bbpress.org/about/examples I’d appreciate a link to my forums their too, so other potential users can see what this great open-source forum can do 🙂

[Tamie]

I have this same issue. I can see that this has been a problem for many, many years and has not been fixed. Why isn’t bbpress not picking up the size from the wptheme? It makes no sense that everything else on the website has normal font size and the forum is miniature.

This seems like an easy fix for a developer but is a real pain for people trying to figure out how all of this works, but no one seems to want to bother fixing it.

If we have to add CSS, then we have to add a child theme. I am using Astra and a templet. I have no idea where to get a child theme for that. And for something like this, should we really have to? And I really am not familiar with CSS.

I beg you, PLEASE PLEASE PLEASE fix this. This stuff is hard enough for us newbies.

[Robin W]

put this in the custom css area of your theme

#bbpress-forums #bbp-your-profile fieldset fieldset.password {
		display: none;
}

and let me know if it works !

[akira010203]

It detect the folder “templates” in the theme. (orange color)

CSS part is green.

I’ve installed a fresh version of my original theme + created a new child theme.

If I modify the function.php of the original theme, all works well.
If I add my content to the function.php of my new child theme, nothing appears…

I can’t get the new child theme working, like my current one.

Anyway, strange thing is that I can see the piece of code when I inspect the source with a browser :

	<div class="bbp-breadcrumb"><p><a href="xxx" class="bbp-breadcrumb-home"><span class="bsp-home-icon"></span></a> <span class="bbp-breadcrumb-sep">&rsaquo;</span> <span class="bbp-breadcrumb-current">Forum</span></p></div>
	
	<p><a href="lasts-topics-posts/"><div class="newposts">Show new posts</div></a></p>
	
		
<ul id="forums-list-0" class="bbp-forums">

It seems to be hidden by something..

[akira010203]

Hello Robin, once again your advice rocks!

Here is my result :

Function.php of my child theme :

add_action ('bbp_template_before_forums_index' , 'rew' ) ;

function rew () {
echo '<p><a href="new-posts/"><div class="newposts">Show new posts</div></a></p>' ;
}

and my css :

.newposts {  
	 float: left;
	 background-color:#DD9933;
         padding: 5px 6px;
	 margin:-65px 5px 2em 0;
			
}

.newposts a { 
        color:#f2f2f2 !important;
	border:none;
	border-radius:0;
	box-shadow: none;
	color:#ffffff;
	font-size:13px;
}

@media(max-width:580px) {
.newposts {  
	float: right;
	background-color:#DD9933;
	padding: 5px 6px;
        margin:-15px 0px 2em 0;
			
}

.newposts a { 
        color:#f2f2f2 !important;
	border:none;
	border-radius:0;
	box-shadow: none;
	color:#ffffff;
	font-size:13px;
}
}

I had to make a custom CSS to get it responssive with mobile phones.

I still got a little issue which is that my buton dn’t appear when you’re not connect, I need to fix that!

[archux]

The function is_bbpress() is for any page of bbpress

Does not matter, it is account or forum or topic… on all pages…
Footer is built with visual composer…

If i use a shortcode to display forum index, the footer works fine. as soon i click into form:

https://<domain>/forums/forum/<forum name>/ footer breaks
https://<domain>/forums/topic/<topic name>/ footer breaks
https://<domain>/forums/user/<user name>/ footer breaks

It becomes as: [vc_row full_width=”stretch_row” css=”…” ….]…….[/vc_row]

Looks like on those page the WordPress function do_shortcode is disabled/unactivated…

Do this make more clear on what pages and what happens with footer?