[terih]

Hi, the sidebar widget does not look right. The text is not aligned with the text entry boxes for the login. I tried the previous suggestions of adding Css and that did not work. Can you help?
https://stargatetothecosmos.org/forums

[Robin W]

your theme is overwriting

put this in the custom css tab of my style pack plugin

a.bbp-forum-link {
display : block !important ;
}

[gokberktalu]

Is there a simple way to make the forum index page full width? I’ve searched the support forum and copied various CSS codes but nothing worked so far..

[Prashant Chaudhari]

Hi!

I want to hide all the columns (Posts, Topics, Voices, Freshness) except the Forum and Topic.
Everything is working fine except the column size of Forum column is not changing. Here is the css:

/* To hide VOICE, REPLY, POSTS and FRESHNESS columns in bbPress */

li.bbp-forum-reply-count, li.bbp-forum-topic-count, li.bbp-forum-freshness {
    display: none !important;
}

li.bbp-topic-voice-count, li.bbp-topic-reply-count, li.bbp-topic-freshness {
    display: none !important;
}

li.bbp-forum-info,
li.bbp-topic-title {
	float: left;
	text-align: left;
	width: 100%;
}

/* End */

Please help.

[alriknijdam]

I seem to have an error with the page previews as you can see over here. As you can see in the first reply in this link, page preview for WP pages works fine, the problem only occurs with BBpress related urls (second post). In the image below I marked it with red:

When I disable the GP Premium plugin the preview dissapears and it only shows the title as an url inside a blockquote. BUT looking at the source code the wrong preview is still there. Changing class wp-embedded-content position: absolute; to position: relative; makes it visable again.

Disabling all plugins, switching to another theme or deleting all custom css is of no influence. WordPress and all plugins are up to date.

[tymbusku]

Hi ALL
In which line of style.css describ those color????

f.ex: sticky color is on the line 161 of style.css

1) the color of your forums name? (the one on the right-top corner)

2) the background color of forums ?

3) the title of table ?(the gray one on the top: Topic — Add New » Posts Last Poster Freshness …)

4) the original topic color ? (there 2 colors i think)

5) those words color? (Hot tags, Latest Discussions, Forums, View..)

6) the white line under under those title: Hot tags, lastest discussions…?

7) all link words ?( add new, no-reply, untag… the original color is green)

8) all link words ?(when mose hover)

8) background color of the bottom section of forums ?(there is : xxxxxxx is proudly powered by bbPress)

9) Now, when u add a new topic, theres a table which ask u the subjet, the content, the tag and the ection. i want to change the background color of this table, which line it is?

10)Now, when u look at a topic, theres the original post and reply. the background of each one is on which line?

11)last thing..: i want to also change those word (the word, not the color) : ‘Enter a few words(call tag)separeted by spaces to help someone find your topic’ and ‘ pick a section’

Thank you a lot!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[Robin W]

it is not good practise to amend bbpress (or any plugin) files.

The code should go in the custom css area of your there if it has one, or via a plugin such as https://en-gb.wordpress.org/plugins/simple-custom-css/

for the threads are, the simplest would be to use my style pack plugin

bbp style pack

and change the roles in

dashboard>settings>bbp style pack>forum roles

for your specific area, we would need the code you added in your functions file, but that should be able to then use the plugin settings above

[sopliar]

Hello BBPRESS community,

I really want to change color of my usergroups in my forum made by bbpress.
I have the standard role (keymaster, moderator, blocked ecc) but with names modified by editing the file functions.php in my theme folder.

Now I would like to change the color in the status bar and in the topic/threads, example Administrator in the red, moderators in blue ecc.
I tried a insert this code in bbpress/templates/default/css/bbpress.css:

.bbp-author-role-keymaster {
background:blue;
color:white;
padding:0 5px;
}

but it does not change anything, why?
I want to change color here

View post on imgur.com

and in threads/topic discussion.
How I do?
Thank you very much.

[u_Oi]

Code goes into the file functions.php that you can find on Appearance – Editor – Function.php. Open the file and paste it at the end. Just be careful because depending the theme code it can work fine or break your wordpress (if it breaks the wp just remove the code using cpanel or ftp).

The code allow you to upload featured image for bbpress forums. Then you can give it css style for a better looking.

To do this you need administrator access.

[pigpotato]

I fixed it like this.

1. make css folder in wordpress>wp-content>theme>[mytheme]
2. cp wordpress>wp-content>plugins>bbpress>templates>default>css>bbpress.css wordpress>wp-content>theme>[mytheme]>css
3. add these code lines in the css file.
#bbpress-forums fieldset.bbp-form input[id=bbp_anonymous_email]{ display: none; }
4. cp wordpress>wp-content>plugins>bbpress>templates>default>bbpress>form-anonymous.php wordpress>wp-content>theme>[mytheme]>bbpress
5. fix any email address in email textfield. Edit the form-anonymous.php
<input type=”text” id=”bbp_anonymous_email” value=”guest@guest.com” ….

[htchow]

Hi there,

I just installed bbPress on my site and I created a bbpress.php template based on a full width page template from my theme (thrivethemes).

However, there is some weird CSS bugs on my forum place. How do I fix them?

Really appreciate the help from this friendly community!

Cheers.

[yusareba]

I love the default bbpress Forum Statistics widget, however I don’t want everyone knowing how many members are registered to the site. Is there a way that I can remove this?

I tried to do it with developer console and CSS but couldn’t find an identifier.

Preferably, I would truly remove it rather than hide it.

I will be monitoring this thread. Thank you!

[hossamhamdy]

I do accept that, it’s just the first time I ask was 5 days ago and I stopped working on the website coz I had to solve this problem first.

Here’s a link to the forum page: https://www.yt-creatorcommunity.com/forums/forum/ساحة-التفاعل/

I added a custom css to solve the picture problem, so it’s now normal but only because I edited the css codes, and about the registration the up bar still doesn’t appear so I added a widget to solve this problem, but it doesn’t look good though.

[mockendo]

Hi,

I’d like to remove the header from all bbPress pages on my site, but can’t quite figure it out!

I’m using the theme Total, and advice from the theme creator was to put .ht-main-header{display:none;} in Appearance > Customise > Additional CSS. This worked, but removed the header from all pages across the website and forum. I’d like to keep the header on all main website pages and only remove it from bbPress pages.

The main forum is here: https://economy10.com/f/

I can remove the header from an individual page by adding .postid-994 .ht-main-header{display:none;} but this is only for a specific page. How can I do this for all forum pages?

I’m relatively new to using wordpress/bbpress (and don’t really understand CSS tbh!) so any advice would be greatly appreciated.

Cheers
Mark

[alegrigis]

False alarm!

My bad actually… I’ve put two rogue styles in my child CSS pointing to .forum-search, which is not used in all pages but the search results, where it’s applied to the <body>, obviously breaking everything. 😀

Have a nice day!

[alegrigis]

Hello everyone!

I’ve set up a bbPress forum on a clean WordPress installation and applying the simpliest boxed theme to it (twentysixteen). I tested ie and everything was working fine so I made a child theme and started styling it.

Problem is, almost at the end of the customization, I realized that when I search something in the top form, the results page is completely messed up and I can’t seem to figure out why…

I’ve done some googling and ended up on these two topics:
Search css issues…
Template in Extras Directory for Search Results

But they didn’t help me because as for the first one, by using What The FIle plugin, turns out the files WP pulls up in the index and search restults are the same; as for the second one, I didn’t import any custom UI and the theme I created was made a child of twentysixteen which was quite vanilla as for looks.

I admit I’m not a sharp expert on the matter, but I’m out of options…
Does anyone have an idea of why the results page breaks so badly?

Thanks in advance for your replies!
Have a nice day 🙂

[TechHaus]

I haven’t looked into this too deeply, but I believe the behavior is the same on this forum. Since I just started my test forum, it was easy to spot.

So say I make 3 super stickies or stickies (like, for example, in this Troubleshooting forum), and for this example, i will set my number of topics per page to 25 to match this site’s settings… on the first page, I will see something like what I see on here:

Viewing 28 topics – 1 through 25 (of 10,507 total)

If I go to page 2, i will see:

Viewing 25 topics – 26 through 50 (of 10,504 total)

So the 3 sticky topicss count towards the total only on the front page. Dpending on how many topics you have set per page – again 25 for this scenario – if someone goes to your last page by number via the pagination on the first page, they could end up at a blank page with no topics!

For example, currently on page 421 of this forum, there are 4 topics (soon to be 5 after I post this, probably). As you can see above in this post, it says there are 10,504 posts total, 10,500 is evenly divided by 25…leaving a remainder of 4…the 4 posts you see. 22 more posts and we’re onto page 422.

But On page 1, if the post count read 10,502 (currently is says 10,507 as shown above, but please induldge me on the 10,502 example), then it would show page 421 as it does now ONLY ON PAGE 1. And if i clicked on that page 421, it would be blank, because that pagination count is being created from that total count, it seems, which include the stickies, ONLY ON PAGE 1. In this imaginary scenario, if i were to go to page 2, the last page would turn into page 420, and the option to go to 421, which is actually blank, wouldn’t exist.

So including the stickies in the total topic count creates a bug on page 1 of pagination in certain scenarios.

—-

The way i came across this is that I’m starting some new forums and trying to learn the plugin…So i tested 3 stickies…and again, in this scenario, let’s just imagine that I’m allowing 25 posts per page. With the 3 stickies and 48 posts, the front page showed me having a total of 51 posts, and the 3rd page was available to the pagination. When i click on that third page, it is blank and there are only 48 posts, because the stickies are longer being counted. So again, a user can encounter this confusing behavior on page 1!

Just wanted to see if everyone else is encountering this on their own sites and on here if maybe stickies should be addressed in the function to determine pagination to help remove these exceptions that can cause navigation to a blank page with no topics.

[ericross]

I think this could work try this code, may be it works.

1- Please add following code to Quick CSS in Enfold theme options under General Styling tab

.single-topic #bbpress-forums {
margin-top: 0;
}
2- They do not show up on the bottom by default. If you would like to show, please add following code to Functions.php file in Appearance > Editor

add_action( ‘bbp_template_after_single_topic’,’bbp_bottom_pagination’ );
function bbp_bottom_pagination() {
$output = bbp_get_template_part( ‘pagination’, ‘replies’ );
return $output;
}

[Jacob_26]

Hello,

I’m trying to style my subforums (background, h1 entry text etc.) but unfortunately when I change the css it also affects and overwrites my other posts…

Can I assign ids or classes? When I insert the subforums with shortcodes in custom pages, how can I change the breadcrumb links in the main forum page and all subpages?

I hope somebody can help me out. Thanks in advance.

Best

Jacob

[Robin W]

Again easiest solution is to not to show the avatar

#bbpress-forums p.bbp-topic-meta img.avatar {

display : None ;
}

The issue isn’t actually with this css, but changing it is the quickest solution !

[Robin W]

not sure if it’s theme or plugin – maybe be a combination

anyway if you are happy not to have the avatar showing in that line, then this fixes

#bbpress-forums div.bbp-template-notice img.avatar {
	float: left;
}

add it to your custom css.

[Robin W]

add this to your custom css and alter the image to the one you want

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
	background-image: url("paper.gif");
}

[u_Oi]

I have a bbpress forum with Twenty Twelve and also with Buddypress and both works right. But sometimes you should need make some css-tricks to get a better front-end design.

[themichaelglenn]

I know this thread is 2 years old but it didn’t have the solution I was looking for, so I did some digging and figured out how to remove the Search button entirely. (So I’m putting it here in case anyone else looks for the same thing.)

CSS will work to hide the Search button, but you can also remove it completely by modifying the bbPress template files.

It took me a long time to find the right one, but what you wanna do is go to your plugins folder, and find the bbpress folder. Then look inside bbpress > templates > default > bbpress, and find the file named ‘content-archive-forum.php’

This file outputs the <div id="bbpress-forums"> code at the top of your index page, then immediately after that it outputs the search field and the breadcrumbs.

To remove the search box ONLY from your Forum Index page, just comment out the following lines of code:

<div id="bbpress-forums">

	<?php 
    
    /* Comment these lines out to remove search from your Forum Index page.
    
    if ( bbp_allow_search() ) : ?>

		<div class="bbp-search-form">

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

		</div>

	<?php endif; */ ?>

	<?php bbp_breadcrumb(); ?>

This will ONLY disable the search box; if you want to remove the breadcrumbs as well, then you need to comment out (or delete) the bbp_breadcrum(); line as well.

NOTE: The safest way to do this is to create a bbpress folder inside your theme, and save the modified content-archive-forum.php there (otherwise it’ll be overwritten the next time bbPress updates.)

[Robin W]

From @matevoun

Then, now :

1/ I think this is because i’ve installed bbPress Enable TinyMCE Visual Tab plugin, but i need this for uploading new media… 🙁

2/ Yes, tell me what can i do… 🙂

3/ Done ! Thank you ! I’ve installed your plugin. 😉

4/ I think this is a too little for texte + avatar.

How can i do now ?

Hope to read you soon…

1. As a test deactivate that plugin and see if it works without. If so re-enable and contact that plugins author

2. for the forum list

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

find
wp-content/plugins/bbpress/templates/default/bbpress/loop-single-forum.php
Make a copy of this file, and put in in the directory called bbpress that you created above, so you end up with
wp-content/themes/%your-theme-name%/bbpress/loop-single-forum.php
bbPress will now use this template instead of the original
and you can amend this

so change line 68
<span class="bbp-topic-freshness-author"><?php bbp_author_link( array( 'post_id' => bbp_get_forum_last_active_id(), 'size' => 14 ) ); ?></span>

amend 14 to whatever size you want

3. glad you like it

4. without knowing exactly what you want, I cannot suggest css changes – I suspect we will not fix this one