[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?

[akira010203]

I dit the trick with some CSS improvments :

width: 100px;
padding: 2px;

@media(max-width:580px) {
div#bbpress-forums {
overflow: visible !important;
}
	#bbpress-forums span.bbp-admin-links a,
			#bbpress-forums span.bbp-admin-links 
			{
				width: 100px;
				padding: 2px;
				color: grey;
			}
}

[neon67]

remove the form from the bottom of the forum?

it is possible through css “no display” for example )

[patrick_here]

Thanks very much Robin!
…that suggestion to target #bbpress-forums worked!

I’m getting a crash course in why some people like Elementor and others don’t. I think I’m in the latter camp.

🙂

One final comment: I’m surprised that bbpress code is outputting text as important as the forum description without surrounding it in tags so that it could be specifically targeted by some css.

[patrick_here]

Hmmm… Thanks very much Robin…

Someone else implemented this website with elementor (free version) …I’ve never worked with Elementor before.

As best as I can tell, that post-26.css is a generated css file generated under uploads/elementor/css/post-26.css. Perhaps this is really an elementor question…

In view of the fact that I’m using a shortcode on a page to get my forum index to appear, I’m trying to figure out how to get the forum to appear on the page in a way that will leave me free to style the forum:

• As it is now the entire forum inherits the elementor styles. (I would need the header and footer from the elementor theme but wouldn’t want the elementor styling in the body where the forum bbPress shortcode is located)
• A separate problem is that, in at least some cases, it seems that the forum description text itself is not surrounded by any html tag at all so it seems that I would not be able to target it with a specific css selector …it could only inherit styling from an outer selector higher up the chain.