[jason4locations]

I’m new at this, so this might not be a good question. Can I use

Dashboard: Appearance > Customize > Additional CSS

to make “No Topics” go away? If not, is there an “easy” way to do it, that just involves pasting code somewhere?

I was able to make my site look nice using < li >, except for the fact that “No Topics” showed up scattered all over the page. I used < li > in one category or forum, and it effected all the others, which was good. So, now I’m trying to make “No Topics” go away.

My site is at dancing4locations.org. If you go to my site now, it doesn’t look as good as it did before, when I was using parents (with < li >). I’m using version 5.5.5 of WordPress, and version 2.6.6 of bbPress.

I’m sorry that my last post was marked as spam. It think it had to do with the fact that I didn’t put spaces between <, li, and >, and I kept on trying to edit it.

Thank you.

[axelbirkner]

Hi Guys,

I invested some time and found the solution:

I entered at the wordpress menu design.additional css the following lines:

#bbpress-forums div.bbp-breadcrumb p, #bbpress-forums div.bbp-topic-tags p {
margin: 80px 0 10px 0;
}

That made ist. Problem solved.

All the best
Axel

[Robin W]

try adding this to the custom css part of your theme

#bbpress-forums fieldset.bbp-form input[type="text"] {
	height: inherit;
}

[neon67]

Have you updated to 6.7.1? The css was completely updated. Pay attention to the cache.
Also may be problems with the added own css. I read such dialogues on the WP support forums

[haddlyapis]

Hi there,
Due to a high number of spambot registrations, any user who registers for the forum initially gets “Spectator” rights. Once I check (usually within 12-24 hours) that they are not spam, I change them to “Participant”.
Some people get annoyed that they cannot post immediately. And I would like to create a popup banner that appears when users login for the first time but cannot post. I am capable of the JS and the CSS, but not quite the PHP.

Basically, I want to enqueue a JS file if the user is a “spectator” and is “logged in”.

Could you please advise how to complete my function (hopefully just the commented parts), which will go in the functions.php file, and what add_action arguments should be applied if I am wrong?

function forum_user_is_spectator(){
if ( is_bbpress() && is_user_logged_in() ) {
    //$User_ID = get user ID
    //$Spectator = find out if User Has Spectator rights
    if ($Spectator){
       wp_enqueue_script( 'spectator-js', get_template_directory_uri() . '/js/spectator.js', array(), false, true);
       }
    }
}

add_action('wp_enqueue_scripts', 'forum_user_is_spectator');

thx in advance

[flamuren]

Hi,

I am not good at coding or custom css. My level of knowledge is: I just know how to install and activate stuff on wordpress more or less.

I am looking to get a clean, crisp and modern design on my forum and member site (located on a subdomain of my main homepage). However I cant really find a good theme. I am looking for a cheap solution – if possible free. I use BBpress and Buddypress and thats mostly the features I need. I will use a custom register plugin also and the main page should present news and some quick info for the members to be updates whats going on. Do you have any tips on themes that works well for this and looks good?

I googled and found these mentioned in a list and they where free (however not having a presentation on the main page as I want):
https://zakratheme.com/
https://wpastra.com/

Please help if you have any ideas 😊🙏

[cristofayre]

Having done a little digging in the CSS that “bbp style pack” creates, I THINK I have isolated the buttons to the class of

#bbpress-forums.button{
background-color:#9e9e9e
color: 000000
}

… which is the correct grey / black that the editor buttons SHOULD be. But it seems that something after that is picking up the theme colours, and setting it to those. (Unless there is some code earlier that is !IMPORTANT! that is setting it.

Also, “bbPress” seems to have a mind of it’s own, disregarding settings made within WordPress. For example, the editor has been set up with two rows of buttons … but “bbPress” will only display the default 12 or 13 buttons in one row, (and not even those match what’s been set up elsewhere in WordPress) The same plugin that sets up two rows of buttons has an option with “Don’t use visual editor in bbPress” Guess what … “bbPress” loaded the visual editor anyway.

Another plugin states “Switch this on to use the membership profile rather than the bbPress profile” Turn that on, and … rather than link to the profile, the link shows “#” so that it simply reloads the same page. And the big profile button (beside “Create Topic”) STILL jumps to the bbPress profile !!

OK, appreciate that some of those things are bbPress not accepting the settings of the other plugins … but it gets somewhat annoying when you bat your head against a brick wall all day!

[cristofayre]

On my post / pages, the Tiny MCE Visual Editor displays as it should, ie a row (or two) of grey and black icons, allowing user to select align right / align left / justify etc. (I mention that in case anyone thinks I’m referring to the ‘basic’ buttons as shown on this forum posting options) As such, I don’t think it’s the theme / plugins causing the problem.

However, once “bbPress” fires up, the buttons go crazy, and ‘inherit’ the CSS styles from the theme. (The vendor who created the “WP-Edit” plugin says in an article that some themes are DESIGNED so that the buttons change to the theme colours; I want to keep the default colours)

In another post, RobinW suggested the “bbpress-pack” which has done a great job getting the forum set up the way I want … but it doesn’t redress the button problem.

I am using:

Theme: dashscroll
Plugins: ARMember (membership plugin)
bbPress
WP-Edit (to change the buttons on the editor)

I THINK there is code I can place somewhere that effectively filters this settting so that it doesn’t take effect … but what I need to filter for, or the code to use I have no idea.

NB: The “Visual” and “Text” buttons also seem to be inheriting the font size / padding of theme as it is also displacing the text on said buttons.

https://atomz.pro/tec-tocc/Forums/forum/atomz-apps/product-directory/

[BackuPs]

Please checkout this image

The content in a li a element on forum and topic widget when admin and time are enables id wrong in RTL. There is no way to fix this with css.

Please create the content of each li a on rtl in a reverse order.

[quix8]

Thanks, but I Just found #16 here:

Layout and functionality – Examples you can use

With this in place I can just add the backlink in the forums description then. I need to hide the breadcrumb then via CSS on the forum page and also in the page I used the forum shortcode.

Maybe in future we can build a better solution for this matter. But also my use case might be kinda special.

[alama32]

Bonjour à tous, je cherche à modifier la taille de la police pour l’entièreté de forum ! j’ai essayé divers id et classes grâce à l’inspecteur d’éléments, mais rien de vraiment concluant. pourquoi BBpress n’offre pas d’options CSS par défaut? couleurs, font, etc..

[Robin W]

hmm… that’s not easy as you rightly say the hierarchy is

content-archive-topic
loop-topics
loop-single-topic

This last one is also used by forums, so you can’t just change that.

In this last you could hook an action to ‘bbp_theme_before_topic_title’ eg put this in your child theme functions file

add_action ('bbp_theme_before_topic_title' ,'rew_display_forum' ) ;

function rew_display_forum () {
	$topic_forum_id = bbp_get_topic_forum_id();
	$forum_title = bbp_get_forum_title( $topic_forum_id);
	echo '<div class="rew-forum-name">'.$forum_title.'</div>' ;
}

and then as the shortcode displays in a ‘page’ class and the forums in a ‘forum’ class, we can add css to hide the forum title unless we are in a page

so in your custom css area put

.rew-forum-name {
display :none ;
}
.page .rew-forum-name {
display : inline-block ;
}	

that should work

[vincenzon617]

Hi I would like to change this CSS code:

.bbp-forum-header, .bbp-reply-header, .bbp-topic-header {
    clear: both;
    overflow: hidden;
    padding: 8px 10px 8px 130px;
    margin-bottom: 0;
    border-width: 1px 0 0;
    border-color: #e6e6e6;
    border-color: var(--g1-border-color);
}

to have its padding set to 0px.

I have tried adding this to my style.css file in my child theme but it didn’t work:

.bbp-forum-header, .bbp-reply-header, .bbp-topic-header {
    padding: 0px;
}

I am new to CSS so I’m not sure if that code above should overwrite the default styling? I assume not as it isn’t working!

Many thanks!

[heather74]

Hi, Robin,

I’d like to hide the breadcrumb links “Exit to Forum” on this page of my site: https://museum-hub.org/forum-lists/

I searched for other folks’ threads, and found this CSS, which worked great to hide ALL of the breadcrumbs, but not for the homepage only. Any thoughts?

.forum-archive div.bbp-breadcrumb {
display : none ;
}

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