[bobcrawford]

Quick question regarding styling the pages made by bbpress. Inside the forum I’m using the bbpress breadcrumbs and they work wonderfully. My theme uses breadcrumbs, and I use them for the rest of my site, (non-forum pages)… but they don’t work properly within the forum. I have the option of disabling my theme’s breadcrumbs on a page by page basis, but it only disables them on the page I inserted the breadcrumbs in. I’m assuming this is because the rest of the forum pages are generated by bbpress.

So basically, I want to disable my themes breadcrumbs on all forum pages and let bbpress handle breadcrumbs there. My theme’s developer shared this with me…

“I think the easiest way to do this would be to hide the breadcrumbs on the required pages. I believe all bbpress pages have a body with the class “bbpress” so this should be doable with some simple CSS (you can add this to your child theme’s style.css file):

body.bbpress .memberoni_breadcrumbs {
display: none;
}”

But this doesn’t work for me. I’ve tried to inspect the page using chrome to see what I’m doing wrong, but can’t seem to figure it out.

Any help would be appreciated!

[mtissington]

In the main forum/topic view the css is updated with status-closed.

However the Forum and Topic widgets do not update the status.
I would like to change this.

Where does the existing code set status-closed for both Forums and Topics.

Hopefully you can see what I’m wanting to show here

[jessesansevieria]

Were you ever able to resolve this problem with UnCode? I’m having the same issue where the breadbrumbs are being displayed, and there’s a huge dummy div taking up a lot of space above user profile pages (perhaps others I haven’t looked at yet). I asked UnCode Support and they directed me to check with Buddy Press. When I use the CSS provided above it hides other elements on the site like images on the WooCommerce store front.

I’ve tried both “Methods” of deploying the forums with the same result.

https://staging.sansevieria-international.org/forums/users/admin

[tw2021]

Hi Robin,

Would you be able to assist with this. I have got the code that i would like to change the min height so that the option in the drop down box fits nicely.

on the Topic Type and Topic Status drop down box, the font of the drop down selection is way too big and it looks cut off.I want to make sure the selection eg. “Normal”, “Sticky” etc fits nicely in the drop down box

#bbpress-forums fieldset.bbp-form input[type=text], #bbpress-forums fieldset.bbp-form select
{
min-height: 35px;}

I tried with ! important and it doesnt fix the formatting. Not sure why. I inserted this in the css section in bbstyle pack.
Thanks

[r083r7]

I wish I could but the way that bbPress has implemented the CSS there is no middle.

Please review the screenshots I took

Index page with forum title
https://monosnap.com/file/tKb4Y6GEkWf2GUMB88ghljeprh37Nt

Topic page with topic question
https://monosnap.com/file/M3hhJhX7wW4on9Ym2s4ecMcFqmjHOj

This is the code that bbPress outputs for both the index page and topic page title

<div id="bbpress-forums" class="bbpress-wrapper">
<h2>main forum topipc</h2>

If I get rid of one I get rid of the other one 🙁

Still searching for a solution.

[neon67]

write the css selector #bbpress-forums ???? h2 more precisely – there will be a difference

[r083r7]

When I target the forum name on the index page and remove it with CSS it works but it also affects the page once I click on the topic. When I click on the topic it also removes the topic title. Seems like the name of the forum and the topic title use the same CSS ID.

I wonder if there’s a solution.

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