[RalfM]

Hi,
I found that the bbpress index is not shown in a Divi page made with the theme builder. While the forums work fine, the index is not. I can insert the shortcode [bbp-forum-index] into the page, but then only the index is shown and nothing else.
After some writing back and forth with ET, I found that a not-given design shows the forum and the index as it should (besides a sidebar that CSS could delete), but the page – of course – is not in the design of the other pages.
Is there another way to implement the forum into a page design? Any ideas?
Every response is highly appreciated!
Best regards

[Robin W]

to hide

#bbpress-forums fieldset.bbp-form label {
	display: none;
}

put this in the custom css of your theme or the custom css of my style pack

[Robin W]

Put this in the custom css part of your theme

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

[Robin W]

put this in the custom css part of your theme

.bbp-forums-list {
	display: none;
}

[Robin W]

the forum is for members only, but it looks exactly like this, it basically goes all the way up to the top of the page, and writes over my page menu/header: https://gyazo.com/ac8e4ee8ca7d772124fac635e9342ea4

Your photo is appreciated, but it is the equivalent of sending me a photo of your car engine and asking me to tell you what’s wrong. It is probably some css that needs changing, but without being able to see what is being downloaded to a web browser I can’t help further – sorry.

[kodzaks1]

Hello,

I am having problem with search results page, it looks like this, it overlaps with my theme header: https://gyazo.com/ac8e4ee8ca7d772124fac635e9342ea4

Where can I modify the search results page?

Also, the forum style looks super dated, how can I make it o look like this: https://gyazo.com/1a26b445dd8db18ac64b0ad793602b4b

Does it have to be done through custom css only, are there any templates or ready to use css somewhere?

Thank you in advance!

[AdventureRidingNZ]

Thanks Robin.

After your comment on my other issue I pasted this code into the custom css part of my child theme and it worked when placed in there.
So I went back to my child theme and found a typo in an earlier entry which meant nothing after that was being picked up. Once that was fixed and the document version updated it picked up both these changes.

The child theme css is /themes/newsphere-child-theme/style.css?ver=1.0.2
and I’ve put “my child theme css ATTN Robin W” in it to make it findable.

So my forum-Author column is now wider as I had wanted thank you, but the forum-content area has not reduced correspondingly meaning the author section overlaps the content section and I can’t see a specific width designation for the forum-content area to update.

#bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-reply-content, #bbpress-forums div.bbp-topic-content {
    margin-left: 130px;
    padding: 12px 12px 12px 0;
    text-align: left;
    position: relative;
}

[Robin W]

try this is the custom css part of your theme

#bbpress-forums div.wp-editor-container {
     line-height: inherit !important;
}

[AdventureRidingNZ]

The Author section seems to have a width of 115px and I’d like to widen that. I’ve tried using the below code which I pulled from a the inspect bar in Chrome and pasted into my child themes styles.css but it doesn’t work.

Can anybody help?

EddieB’s BMW R100GS

/* Make Forums author section wider */
#bbpress-forums div.bbp-forum-author, #bbpress-forums div.bbp-reply-author, #bbpress-forums div.bbp-topic-author {
    width: 140px !important;
}

[OSCOWP]

Hi guys!

I want to remove this part of my forum which appears on every single topic and I dont want to.

I just want to show just the name of the topic and the date so any ideas of removing that bit?

[regnalf]

I use the bbpress body class to design the forum (especially the background).
With the last update, however, the error may have slipped in that the “bbpress” body class is also included on other pages even if it is not a bbpress page! They are now also styled with CSS although they should not!

I also use the bbpress style pack and the private groups plugin. But the error occurs even if these two plugins are disabled.

[zandu]

Please share CSS to display full page

Membership

[SRD75]

Hi Folks,

Our BBpress forum author page (example) is not set within a container, it is 100% width.

Additionally, it is not using the Divi Theme builder global header and global footer, nor is it responding to Divi Theme Options > Custom CSS.

Help appreciated.
Steve

[a7xfanben]

How can I edit the background color of sticky threads in a forum? I cannot find the current/default color in my style.css file or anywhere else so far.

Thanks!

[dalton125]

I’ve been searching for a way to return the titles and links of every topic on my forum. I’m familiar with HTML and CSS, but a PHP novice, which I think is my downfall here.

I found a call to

<?php the_content();?>

which seems to be generating the big grey box with a list of all the topics (image link: https://imgur.com/a/fKamtGH)

However, I just want to return the topic titles and links to each topic, not the entire box. I can’t seem to find / write a PHP method that does this, does anyone have any advice?

[cosmiclove1978]

Hello Regnalf,

I’m happy to report that your fix worked. I had to apply the new class to all the previous CSS code, but it did the trick!!!

This is truly got the time to appreciate firsthand php notions such hook and filters, etc and see them at work. It was neat to be able to fine-tune the bbpress-index class vs bbpress and target one vs all parts of the site. I’m grateful.

Pushing my luck a bit further and modeling your code above and another post I saw elsewhere, I was hoping to get a bit more granular in the way I applied my css to parts of the forum, so I tried this bit of code below to target individual topic pages (or replies?)
but it didn’t work. If it’s not too much to ask, whenever it’s convenient for you or anyone, could you tell me if this code below somewhat does what you just provided me.

function my_topic_class($classes) {
	$classes[] = 'herman-topic-class';
	return $classes;
}
add_filter( 'bbp_get_topic_class','my_topic_class' );

Nowhere, when viewing the topic page or thread did I see the new class ‘herman-topic-class’ in the Inspect Element utility. With your code, the bbpress and bbpress-index appeared.
thanks in advance for all the support.

H

[regnalf]

I don’t know how you excactly you want to style the forum index page, but i found out that the index page doesn’t have the bbpress class included in the body tag like the sub pages. So i had the problem too that i couldn’t style the index page.

Here is my code i use to add this class, and others, to the body tag for the index page. Then you can style the index page with css.

add_filter( 'body_class', 'bbpress_add_body_class' );
function bbpress_add_body_class( $classes )
{

	global $wp;

	$bbpress_index = get_option ('_bbp_root_slug');
	$bbpress_search = get_option ('_bbp_search_slug');
	

	if (strpos($wp->request, $bbpress_index) !== false)
	{
		$classes[] = "bbpress";		
	}

	if ($wp->request == $bbpress_index)
	{
		$classes[] = "bbpress-index";
	}

	if (strpos($wp->request, $bbpress_index . "/" . $bbpress_search) !== false)
	{
		$classes[] = "bbpress-search";		
	}
	

	return $classes;
	
}

[cosmiclove1978]

Hello,

I don’t know if anyone here was able to resolve their issue, but mine is quite similar to the OP.

Scenario: Created a forum with the shortcode [bbp-forum-index] on page with having slug /custom_forum to output index page. Used css to style the page (no theme builder).. In the forum settings, the root is set to /forums. When visiting /custom_forum, all the style appears great.

However, if I head to Settings–> Forums to change the root from /forums to /custom_forum (where my shortcode is placed), I lose all the styling.

I reset the permalinks as suggested above to no avail. I know it’s been over 7 years this has been reported and I hope anyone out who’s found a solution can assist me. Thanks in advance for your support.

[regnalf]

I want to style the breadcrumbs because the forum page has a darker blue color. But the breadcrumbs have a very limited possibility to design them with CSS.

Only the bbp-breadcrumb-root and bbp-breadcrumb-forum link is addressable with css, the current menu item is no link and has no css class to address at all. This would be only possible with the parrent container, but then you style the forum content also!

It would already help if the breadcrumb would be in its own div container!

[regnalf]

I wanted to style the body tag too, in the subpages like topic or forum the css class is in the body class section. the #bbpress-forums is deeper inside the page.

[regnalf]

Hi, i want to style the index (root) page with css.
As i see the pages for single forum and the topic etc. have the body class “bbpress” and “forum”, “topic” etc.

But the root index page have nothing of them. I doesn’t use a custom page for it, it’s all standard from bbpress settings.

[kathukat]

WordPress Version 5.7.2
BBPress Version 2.6.6
https://kathukat.com/forum/

Hi!
I need the “keep me signed in” with the tickbox to be in one line, not like it is at the moment. Can you please instruct me on how to fix it? I know nothing of CSS..

[serrurier94]

I just deleted all pages and desactivated forum plugins, changed peralinks from /%postname%/ to year and restored back to /%postname%/. I do not want to use this forums anymore. But strage , those URLs 401 found always. Now i will take off those 3 401 urls from search console.

Thanks for you help, I have another problem in search cosole. I am not an IT man, I am a plumber and suffering each time with with Goole.

I Got warning messahe says “Erreur de syntaxe CSS dans le tag “style amp-custom”.

Error part is below, can you please correct it?
——————————————————-

@media \0screen\,screen\9 {
#demande_rappel_close, #demande_rappel {
display: none;
}

}

[myblackf150]

Hello Robin,

What I had changed is mostly aesthetic and some of the layout.
I added a table to format a row of links such as “comment”, removed “last replied by” and also re-positioned the thumbnail.
I did not create any calls or hooks, but I did change some of the css for this forum in particular.
The main goal is to have one of my forums out of several have a different look and feel, have different accessibility and conveniences such as the aforementioned links and have the rest of the the forums be as they are. But there is only one loop-topic-list and I am not certain how to get this individual forum to only use a modified “loop-topic-list.

Thank you

[jason4locations]

Can things that are done with PHP usually also be done with CSS? I’m assuming the instructions given above involved PHP. The reason why I’m asking is because it seems easy to use Dashboard: Appearance > Customize > Additional CSS, but I don’t know if that would work. While PHP might be just as easy as CSS for some, CSS seems a lot easier to me.

If that isn’t possible, is there a page that describes how to do it the PHP way for beginners? That would be helpful, because I don’t know things like where to find wp-content/plugins/bbpress/templates/default/bbpress/loop-single-forum.php, how to create a directory, how to transfer files, whether %your-theme-name% is Twenty Twenty or if I have to give it my own name, or if doing any of the above will interfere with the bbp Style Pack plugin.

Thanks!