[sleestak]

I have enabled threaded replies for 3 levels; however, the replies are not indenting. I have seen a few topics on this forum regarding this and some suggest changing the CSS for bbp-threaded-replies. I looked at the source for my replies and I only see <div class=”bbp-reply-content”> which explains why updating the CSS doesn’t work. How can I get threaded replies to indent? I am using WordPress 5.4.1, BuddyPress 5.2.0 and the Enfold theme 4.7.4.

Thanks!

[g28f99]

Hello, I am creating a specialized forum combining wordpress(5.4.1), bbpress(2.6.4) and buddypress(5.2.0). The website is exptoge.com. I have already created child thyme in the wp-content/themes/mytheme folder and used functions.php and style.css to make some customization. Now I need some help to personalize the forum new topic area and new reply area.

1) New topic area, as shown in Fig 1,
(please go to here to check all the figures ).
For every new topic in this forum, I wish the following text appear in the “Topic content edit area” by default: “please clearly describe the place and time duration”. Once the user click in this area to input something, those text will disappear automatically.
The google search box seems exactly demonstrate this effect as shown in Fig.2. Source of Fig 2, captured at chrome://newtab.

2) New reply area, as show in Fig.3.

For every new topic in this forum, I wish some text (e.g. “please select or input your selection” ) appear in the “Reply content edit area” and followed by a drop down selection list (similar to Fig. 4 or Fig.1 below part) by default.

The selection list is composed of two parts. The first is designed to choose a color, red, blue or others. The second is designed to choose a shape, triangle, circle or others.
If the users choose others, a new input box will appear so that they can input their other choice. Text “please input your choice” will appear in the input box with function similar to Fig. 2 (requirements of new topic area above).

After the users make a choice or enter their choice, the choice result will exactly be the reply content. But, the above “please select or input your selection” text will be updated to be “I prefer” texts.

I am not sure whether it is possible to achieve above functions through making modifications in my themes. Anyway, thanks a lot for your time and efforts. You can log in with username “Daniel” and password as “Daniel8” to test “new topic” and “new reply ” function in this website.

[thanhpham123]

Hello everyone,,
I admit I am a “newbie” and am having a bundle of problems. I am in the process of building a website which is still offline, and am very stuck. I am using ocean wp and I don’t know how to find out the version, but everything is new in the last 2 weeks.. sorry I really am a newbie…
I am making “TheAmericanQuarterHorse.com” and wanted to make a small forum page alongside of information pages, I had to do a whole pile of deleting and rebuilding on the forum site, but now I have the basic structure!! So that is a plus, but am stuck on the login–register-lost password widget. The first time I made it, it put the menu all over the place and the login was on every page. Iwas using bbpress tweaks, so uninstalled the bbpress tweaks, and ended up re-installing. I watched a whole pile of youtube on how to do it, and went back at it. I did all the “making the page” and putting the permalinks in the widget slot in the bbpress side bar. This time I had logins on every page BUT THE FORUM PAGE!!! This is the 3rd time I have deleted everything and started over.. I am about to forget the whole thing or use a different forum widget. I am STUCK. Any ideas??
The other thing is the text is sooo thin and tiny on the forum page it is hard to see. I have heard something about css, but have no clue about what that is or how to use it..
Would really appreciate any ideas..
thanks

[Robin W]

install

bbp style pack

once activated go to

dashboard>settings>bbp style pack>Forum Display and add item 6

then

dashboard>settings>bbp style pack>custom css and add

.bbp-forum-info .bbp-forum-content {
	display: none !important;
}

[ticsandthoughts]

I figured as much, I put in the above code in the CSS and it worked perfectly! I spent hours trying to edit my child theme this past weekend with no success, and you fixed it in 2 seconds. Thanks so much!

For anybody else that might use this in the future, in the above code, this worked for me after removing the “‘” between the “.” and “forum-archive”. So:

.forum-archive .site-content-header {
display : none !important;
}

Thanks again for all the help Robin!

[Robin W]

it is theme related – all I can suggest is adding this in the custom css area of your theme

.`forum-archive .site-content-header {
display : none !important;
}`

[Robin W]

ok, we are not a website design site.

Each forum is a page, and a page has a url, which is how to link to it.

You just need to learn how to create links, and send users to the url that is the forum page you want thme to go to

plenty of places to learn how to do that if you google

eg

https://openclassrooms.com/en/courses/2479876-build-your-website-with-html5-and-css3/2490386-creating-links

[devansh1995]

hello all .. i have hidden using css bbpress header which shows activity like “this topic was updated by……” because it was useless to me and my forum was not showing forum title in topics pages. However,now i want to show forum title only in header of topics page. please let me know how can i achieve that.

My site link – https://castudyweb.com/ca-final-study-room

[Chuckie]

Hi

I have some queries and I wonder if you can help me get to the bottom of them. I would be grateful for your guidance. Here is the background.

I am using the latest bbPress plugin and I notice that the bbpress.css file is 1702 lines long.

I am using a premium theme (seos-video-premium) and even though I am using a child theme, I have noticed that my Support forum is actually using:

wp-content/themes/seos-video-premium/seos-video-premium/css/bbpress.css

I assume this is because there is no bbpress.css in my child theme css folder so it uses the themes one instead of the bbPress plugin’s one?

So I have two specific questions here.

1/ the bbpress.css file in the premium theme folder is actually 1408 lines of code. So it is 300+ lines shorter than the plugin version. To be honest, I was not expecting to find a bbpress.css file inside the theme. So what am I supposed to do? Simply replace the theme version with your plugin version?

2/ I have been trying to use a beta version of EnlighterJS Plugin (it is their beta that uses EnlighterJS v3. There was an issue with these styles:

#bbpress-forums div.bbp-topic-content pre,
#bbpress-forums div.bbp-reply-content pre {
	display: block;
	line-height: 18px;
	margin: 0 0 24px;
	padding: 5px 10px;
	white-space: pre;
	overflow: auto;
}

In their classes they have this styling:

.enlighter-default .enlighter-raw {
    display: none;
    min-width: 100%;
    line-height: inherit;
    font-size: 12px;
    font-family: inherit;
    margin: 0;
    padding: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
    border: none;
    box-shadow: none;
}

The HTML is:

<pre class="enlighter-raw">.textMaterial {
  /* Uncomment to hide the material */
  /* display:none;*/
  font-size: 10pt;
  font-style: italic;
  font-weight: 700;
  background-color: yellow;
}
.textMethod {
  /* Uncomment to hide the method */
  /* display:none;*/
  font-size: 10pt;
  font-style: italic;
  font-weight: 700;
  background-color: cyan;
}</pre>

Notice that ttheir CSS style uses display: none;? The bbpress CSS file pre class has a display:block;. This causes a problem with the plugin I am trying to use.

The author does not want to use !important because he says it is bad design. So how do we fix this? How can we allow bbpress to do what it wants with pre and EnlighterJS do what it wants?

[giovanni]

Hi,
I don’t understand why it’s shown the pagination in user profile page.
I’m refering to this page: https://www.make4future.com/forums/users/giovanni/

I was thinking of hiding it with css for example:
.pagination { display:none; }

But the question is:
what is it caused by ?
There is a better way to resolve the problem ?

Thanks in advance !

Regards,
Giovanni.

[Rob]

One last question, I noticed that the font size on the forum/topics is very small, is there an easy spot to fix this in the css?

[joerga]

Here’s the whole template right now:

if (have_posts()) { ?>
    <?php while ( have_posts() ) : the_post(); ?>

        <div class="td-main-content-wrap td-main-page-wrap td-container-wrap">
            <div class="<?php if (!td_util::tdc_is_installed()) { echo 'td-container '; } ?>tdc-content-wrap">
                 <?php

                echo do_shortcode('[tdc_zone type="tdc_content"]');
                echo do_shortcode('[vc_row full_width="stretch_row_1400 td-stretch-content"]');
                echo do_shortcode('[vc_column]');
                echo do_shortcode('[vc_row_inner]');

echo do_shortcode('[vc_column_inner width="1/3" tdc_css="eyJhbGwiOnsid2lkdGgiOiIyMCUiLCJjb250ZW50LWgtYWxpZ24iOiJjb250ZW50LWhvcml6LWxlZnQiLCJkaXNwbGF5IjoiIn19" is_sticky="yes"]');
                echo do_shortcode('[td_block_list_menu menu_id="14949"]');
                echo do_shortcode('[/vc_column_inner]');
                echo do_shortcode('[vc_column_inner width="1/3" tdc_css="eyJhbGwiOnsid2lkdGgiOiI2MCUiLCJkaXNwbGF5IjoiIn19"]');
                echo do_shortcode('[vc_column_text]');
                echo do_shortcode('[bbp-forum-index]');
                   // the_content();

                echo do_shortcode('[/vc_column_text]');
                echo do_shortcode('[/vc_column_inner]');
                echo do_shortcode('[vc_column_inner width="1/3" tdc_css="eyJhbGwiOnsid2lkdGgiOiIyMCUiLCJkaXNwbGF5IjoiIn19" is_sticky="yes"]');
                echo do_shortcode('[vc_column_text]');

                echo do_shortcode('[rs_my_reward_points]');

                echo do_shortcode('[/vc_column_text]');
                echo do_shortcode('[vc_column_text]');

                echo do_shortcode('[userpro template=activity]');

                echo do_shortcode('[/vc_column_text]');
                echo do_shortcode('[/vc_column_inner]'); 
                echo do_shortcode('[/vc_row_inner]'); 
                echo do_shortcode('[/vc_column]');
                echo do_shortcode('[/vc_row]');
                echo do_shortcode('[/tdc_zone]'); 

                ?>

                <?php 
                echo do_shortcode('[tdc_zone type="tdc_content"][vc_row full_width="stretch_row_1400 td-stretch-content"][vc_column][vc_row_inner][vc_column_inner width="1/3"][td_block_list_menu menu_id="14949"][/vc_column_inner][vc_column_inner width="2/3"][vc_column_text]bbPress FORUM SHOULD BE HERE![/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][/tdc_zone]');
                ?>
            </div>
        </div> <!-- /.td-main-content-wrap -->

    <?php endwhile; ?>
<?php 
    }

[danielshalar]

So I just Installed bbPress for my first time because I want to create my little forum.

I’ve been using wordpress for a while and I’m in love with it.

Now bbpress, for what I see comes default or similar to the Theme from what I read.

this is currently how it looks The picture of my forum site

So my questions is there any good plugins out there to really design the buttons like the search button or the log out and the bbPress forum itself?
Or I mustly need to do this manually by editing code and css?

I’m really noob, I learend a little bit html,css but no more then that, any help will be very respected <3

[SirLouen]

Also, I’m not sure if this is intended but similarly to the other elements this last two don’t have their “show-icon” class with

font-family: 'dashicons';
content: '\f155';

and

font-family: 'dashicons';
content: '\f147';

But could be included with this CSS code (I’ve included in my custom anyway but just to get the same format)

.sidebar .bsp-st-info-list li.topic-favorite:before {
	font-family: 'dashicons';
    content: '\f155';
}
.sidebar .bsp-st-info-list li.topic-subscribe:before, .sidebar .bsp-sf-info-list li.forum-subscribe:before {
    font-family: 'dashicons';
	content: '\f147';
}

About the other topic here the two snippets (I’m copying a little in the top and in the bottom:

Around 555

<?php if ( !empty( $time_since  ) ) : ?>
                        <li class="topic-freshness-time <?php echo $show_iconla ; ?> ">
                        <?php
                                echo $settings['last_activity'];
                                echo $time_since ;
                        ?></li>
                <?php endif; ?>
                <?php if ( is_user_logged_in() ) : ?>
                        <?php $_topic_id = bbp_is_reply_edit() ? bbp_get_reply_topic_id() : $topic_id; ?>
                        
                        <li class="topic-subscribe"><?php bbp_topic_subscription_link( array( 'before' => '', 'topic_id' => $_topic_id ) ); ?></li>
                        <li class="topic-favorite"><?php bbp_topic_favorite_link( array( 'topic_id' => $_topic_id ) ); ?></li>
                        
                <?php endif; ?>
                <?php
                echo '</ul>' ; // end of '<ul class="bsp-st-info-list">;
                echo '</div>'; // end of '<div class="bsp-st-title-container">';
        }

Around 725

<li class="topic-freshness-time <?php echo $show_iconla ; ?> ">
                        <?php
                                echo $settings['last_activity'];
                                echo $time_since ;
                        ?></li>

                <?php endif; ?>
                <?php if ( is_user_logged_in() ) : ?>
                        <li class="forum-subscribe">
                                <?php 
                                        bbp_forum_subscription_link( array( 'forum_id' => $forum_id ) ); 
                        ?></li>
                <?php endif; ?>
                <?php 
                        echo '</ul>' ;
                        echo '</div>' ; // end of <div class="bsp-st-title-container">
        }

[boomer48]

It’s a private website for our HOA so I would need to change it to public to make the link work. Not sure what you would see other than a grayed out post. The settings for the post are “Super Sticky” and “Closed”. Simple plain text.

My real question is why manually editing the color code in the CSS files doesn’t have any effect. I have deleted the forum, deactivated bbpress, activated bbpress, and created a new forum. Shouldn’t that pick up the changed CSS files? My host is Bluehost if that makes any difference.

[Robin W]

hmmm… css won’t do it then.

you’ll need to amend content-archive-forum.php in your child theme

find
wp-content/plugins/bbpress/templates/default/bbpress/content-archive-forum.php

transfer this to your pc and edit

delete line 17

<?php bbp_get_template_part( 'form', 'search' ); ?>

and save

create a directory on your theme called ‘bbpress’
ie wp-content/themes/%your-theme-name%/bbpress

where %your-theme-name% is the name of your theme

Then transfer the file you saved above and put in in the directory called bbpress that you created above, so you end up with
wp-content/themes/%your-theme-name%/bbpress/content-archive-forum.php

bbPress will now use this template instead of the original

[Robin W]

put this in the custom css of your theme

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

[Robin W]

just tried it, it is all good, you must have missed a character off somewhere, just add it to the end

<?php
function hello_elementor_child_enqueue_scripts() {
wp_enqueue_style(
'hello-elementor-child',
get_stylesheet_directory_uri() . '/style.css',
[
'hello-elementor'
],
'1.0.0'
);
}
add_action( 'wp_enqueue_scripts', 'hello_elementor_child_enqueue_scripts' );
function ele_disable_page_title( $return ) {
return false;
}
add_filter( 'hello_elementor_page_title', 'ele_disable_page_title' );
add_filter( 'bbp_register_topic_post_type', 'rew') ;

function rew ($rew) {

$rew = array(
				'labels'              => bbp_get_topic_post_type_labels(),
				'rewrite'             => bbp_get_topic_post_type_rewrite(),
				'supports'            => bbp_get_topic_post_type_supports(),
				'description'         => esc_html__( 'bbPress Topics', 'bbpress' ),
				'capabilities'        => bbp_get_topic_caps(),
				'capability_type'     => array( 'topic', 'topics' ),
				'menu_position'       => 555555,
				'has_archive'         => ( 'forums' === bbp_show_on_root() ) ? bbp_get_topic_archive_slug() : false,
				'exclude_from_search' => true,
				'show_in_nav_menus'   => true,
				'public'              => true,
				'show_ui'             => current_user_can( 'bbp_topics_admin' ),
				'can_export'          => true,
				'hierarchical'        => false,
				'query_var'           => true,
				'menu_icon'           => '',
				'source'              => 'bbpress',
			)  ;
			
return $rew ;
}

add_filter( 'bbp_register_reply_post_type', 'rew2') ;

function rew2 ($rew) {

$rew2 = array(
				'labels'              => bbp_get_reply_post_type_labels(),
				'rewrite'             => bbp_get_reply_post_type_rewrite(),
				'supports'            => bbp_get_reply_post_type_supports(),
				'description'         => esc_html__( 'bbPress Replies', 'bbpress' ),
				'capabilities'        => bbp_get_reply_caps(),
				'capability_type'     => array( 'reply', 'replies' ),
				'menu_position'       => 555555,
				'exclude_from_search' => true,
				'has_archive'         => false,
				'show_in_nav_menus'   => true,
				'public'              => true,
				'show_ui'             => current_user_can( 'bbp_replies_admin' ),
				'can_export'          => true,
				'hierarchical'        => false,
				'query_var'           => true,
				'menu_icon'           => '',
				'source'              => 'bbpress',
			)  ;
			
return $rew2 ;
}

[webcreations907]

You could add the below CSS to get your forums off your header and make the forums fill the page width.

You’d want to add the code to style.css file, preferably in a child theme so that when you update you don’t have to re-add the code. Or if that theme has a options panel with a area to add custom CSS.

body.bbpress .content-wrapper .content-area {
    max-width: none;
    padding: 0 7px;
}

body.bbpress .content-wrapper, 
body.bbpress.no-sidebar.page .content-wrapper {
    margin: 0;
    padding: 0;

}

body.bbpress .site-content {
    padding: 30px 0;
}

Just thought I’d throw that out there as a option 🙂

[Robin W]

ok, I’d suggest you take the breadcrumb out as well – that’s the

Home › Forums › Community

So put this in your theme’s custom css area

div.bbp-breadcrumb {
	display: none !important;
}

[Robin W]

your theme has a css rule

.content-wrapper.with-featured-image {
	margin: -4.7em 0 0 120px;
	padding: 1.3em 55px 0 1.9em;
}

Basically the ‘margin: -4.7em’ bit is causing the forum to show at a minus height, thus crashing into the header.

the forums page (https://badasscrafters.com/forums/) has the rule without-featured-image so is fine.

Do you have a ‘forums’ page – ie you have a page in your site which has the shortcode

[bbp-forum-index]

[Robin W]

not certain this will work, but put this in the custom css area of your theme

#bbpress-forums ul li::before {
content : none !important ;
}

[haddly]

@robin-w
The reason that it is dequeued is that it was built that way by the software company that built our theme. This, I assume, was so that the forum would look like the rest of our site.
My issue, by adding the ($args) arguments (to that snippet of code) and by removing that one line of CSS has now resolved this issue completely.
Thank you!

[haddly]

@robin-w, @hydrogriff:
Hi, for me, the CSS styling issue is definitely a theme problem. In my styles.css file I have additional CSS for the styling of BBpress forum.
#bbpress-forums .bbp-forums-list li {font-size: 11px;}
I simply removed this line (font-size) from my style sheet and the standard BBPress kicked in.

[haddly]

@robin-w
Hi there. I have finally found why this is not displaying. It isn’t the plugins 1 or 2 above but a snippet of code I added to my functions.php file a long while back. I remember adding it because the subforum topics weren’t displaying correctly and were displaying in a horizontal fashion (I think).

If I remove this piece of code, the subforum topics now appear. The CSS is a little funky and the text a little small, but I can fix this. Sorry for not thinking to check the added snippets to my functions.php sooner.

function custom_bbp_sub_forum_list() {
$args['separator'] = '';
return $args;
}
add_filter('bbp_after_list_forums_parse_args', 'custom_bbp_sub_forum_list' );