[maingraph]

My forum is this

http://asiahairtalk.com/forums/topic/anyone-here-has-started-any-new-treatment/

And i have tried to edit the font size at /plugins/bbpress/templates/default/css/bbpress.css

but i dont see the font changes at all.

I am trying very hard to edit:

1) reply font size
2) Author name’s font size
3) Avatar size
4) alternate post background colour

Thanks guys for helping.

[NejcL]

Dear all,

I am trying to achive similar look at forum listing as they are on phpbb forums:

I found plugin that add a line at forum tittle which are unread by the user,and they are marked with one blue vertical stripe. But that isn’t what I was looking for. I would be very happy if some one will help my problem.

1.I would like to add an icon beside the name of subforum and the forum name must me like on the picture like just a tittle and look seperated from subforms.

2.Secondly after the 1. point I would like to create a unread/read diffrent icon like if the subform is unread the icon would be green if it is read the icon would be green.

I know the whole point is in style.css but any help or basics steps will be helpfull.
Thanks for any link, code, plugin, style.css, etc.

Br Nejc

[Robkk]

@omj-1

Your subforums are for some strange reason not wrapped in a list structure like this.

<ul class="bbp-forums-list">
    <li class="bbp-forum">
        <a href="http://link" class="bbp-forum-link">Forum 1</a>
    </li>
    <li class="bbp-forum">
        <a href="http://link" class="bbp-forum-link">Forum 2</a>
    </li>
</ul>

But instead it is just links.

Try this CSS instead to have the same layout.

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

[badusername]

I’ve added BBPress to my site and for the most part it is fine. I’m using a genesis theme and I’ve got the bbPress Genesis Extend plugin too. One problem though – when looking at the forums main page and an individual forum (eg. ‘General Discussion’) some of the text gets squished up too soon when resizing the window. The text ‘Topics’ ‘Posts’ and ‘Freshness’ start overlapping because the content of bbpress gets too small too fast – leaves a big gap on the right too, between bbpress and the right column. If I make the window even smaller, the right column moves below which is fine. And of course if I make the window even larger its fine. But there is a range where it shouldn’t be so squished.

On an individual forum page, the text voices, posts and freshness get squished. On individual posts pages, the responsiveness works as expected.

The site is password protected so I don’t know how to post a url here, I have a screenshot, but don’t see a way to upload it.

I’m using the latest versions of WP and bbpress.

Any idea how to fix this? Do I need to edit something in the bbpress css file? If so, what do I need to edit? If not, how else could it be fixed?

Thanks!
Trisha

[o.m.j]

hello…I had this working when I 1st setup my site, I just noticed it has reverted back…

I was using the following css code in my child theme:

#bbpress-forums .bbp-forums-list li {
display: block;
}

I just tried switching to the filter in functions but it’s not working either…

any idea why this would stop working? thx!

http://www.badboyzromz.com/forums/

[Robkk]

@kallard There is some layout issues still, hopefully my edited css will fix the rest.

bullets in front of everything

[Robkk]

@kallard

Just edited the CSS above copy it and replace it over the one you copied in either your child themes stylesheet or in the custom css plugin. If this does not work, might want to add !important.

@casiepa the forum in the forum list widget is visible.

[Robkk]

Try this custom css, I think I got ahold of most of the styles you would need to fix this issue. Make sure to place these CSS styles into your child themes stylesheet or anywhere else you can place custom CSS styles into, like in a separate plugin

#bbpress-forums ul>li {
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding-left: 0 !important;
}

#bbpress-forums ul>li:before {
    margin-left: 0 !important;
    content: ‘‘ !important;
    margin-right: 0 !important;
    bottom: 0 !important;
    position: relative !important;
    display: block !important;
}

#bbpress-forums li {
    color: inherit !important;
    margin: 0 !important;
}

[Robkk]

@kallard

This is a common layout issue and like you said caused by the themes css and because bbPress uses lists instead of a table layout.

You can most likely fix this just with some Custom CSS. When I visited your site I do not see the discussion forums present, so can you activate bbPress again so I can help with this by giving you some CSS to fix the layout issue.

[u_Oi]

Hi,

I am having an issue with the style of bbPress Forum. I did the plugin process (active/desactive) but nothing. So, I switched the theme to “Twenty Fifteen” and the forum appears perfect. I suppose is a css error maybe?

How my website looks:

(It happens only with “Video” forum)

http://www.imagebam.com/image/b3c5fb448858725

Please, could anybody advice about it?

Thanks

[amalto]

i can create forums as a drop-down menu? I would like to create forums as if they were a drop-down menu, but I can not with css code…

[Jld142]

I am currently using the Avada theme which as default displays a forum title at the very top of the page as an awful looking banner. I have turned this off and want to add the forum title in a custom position of my choosing.

You can see my forum below:
http://www.complete-models.com/forum/overview/aircraft/

The forum is called Aircraft and i want the title to show to the left side of “Viewing topic 1 (of 1 total)”.

I know HTML and CSS and have no issues adding the configurations myself however i just need to know which files i need to edit and then copy across into my Child theme directory.

Can anyone assist me here ?

[Robkk]

That crashed my sight for some reason. Any thoughts?

@tallsam

Did you place the code snippet I placed earlier correctly?? It seems to work fine on my test site.

Same thing goes for @pinkishhue‘s code.

These both work if you want to show only 1 revision log on the Frontend of your forums.

But first, is there going to be an update to bbpress that will remove the extra revision statements? If so, any thoughts on when this will be ready?

Not really remove the statements, but just make 1 visible. Have no idea when @netweb’s code will make it into core.

@tallsam

Do you want them all gone?? This topic is all about just having one visible on the frontend.

Also there might be a bug about the revisions somewhere I think. Haven’t fully checked that one out though.

But you can always disable the revision logging from being displayed in the forums in Settings > Forums, there will still be revisions on the edits in the backend though, since it is a post type in WordPress. And hide the existing revisions with CSS using the first half of pinkishhue’s code.

There is a way to limit the total number of revisions kept per post though in WordPress.

But if you do want to completely remove the revisions you can use a plugin that @casiepa listed, but this may remove ALL revisions of any post or plugin using the revision system in WordPress. Some custom css plugins may use it, and clearing the revisions may lose all your saved styles.

[lissyhunnybee]

I managed to fix my original issue which was caused by a social login plugin creating default avatars from facebook profile pictures, however I have come round full circle lol

I decided I wanted the avatar on the topic page larger and so changed the sizes from 80 to 120 in the only files I can find the code in, loop-single-topic.php and loop-single-forum.php

This has successfully changed the image sizes in the listings (kept to 50px via css) but has had no effect on the topic page. I have searched and searched and feel like I am banging my head on a brick wall lol

[lissyhunnybee]

I’ve changed the avatar size for topics to 80px, I’d previously changed it from the default size to 50px which I still have it set to with the css on the forums and listing pages, however it is still “pulling” the 50px image and making the topic avatar blurry. I don’t have any cache plugins. Does anyone have any ideas why I can’t get the larger size to display?

Example page: http://www.lissyhunnybee.com/topic/welcome-to-the-forums/

Thanx 🙂

[Robkk]

@tovabora

You can also use this CSS to remove the breadcrumbs if the code @casiepa gave you doesn’t remove it.

Place this CSS anywhere you can place custom CSS like in your child themes style.css file or in a seperate plugin.

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

While browsing your forums though I did come across these common theme style issues that are conflicting with bbPress.

Add both these CSS code snippets into your child themes style.css file or in a separate custom css plugin.

This CSS should fix the gray avatar on your forum profile.

#bbpress-forums #bbp-user-avatar .avatar {
    float: none;
}

This should fix the avatars looking off in your forums.

#bbpress-forums a img.alignnone {
    display: inline;
    margin: 0;
}

[csmalley27]

Hi, everyone –

I am currently working on this site ( http://www.cincinnatifrassati.com/ ) and I would like to make the font size in my forum larger, but I can’t for the life of me find where to edit the CSS files for bbpress. When I go to Plugin > Editor I only see .php and .txt files.

I’ve read the bbpress documentation, but I don’t know PHP (do know HTML and CSS) so I wasn’t sure what to do with that information.

I am a complete novice, so I thank you in advance for your patience with me!

[AlixFalconer]

Thanks Pascal – tried adding that as custom CSS – as you can see on the right hand side of this post http://casteofassassins.com/forums/topic/test-topic – the overflow is still being hidden on the right hand side of the post?

[Pascal Casier]

Some themes are not handling well the replies. Could you try to add this somewhere as extra css:

#bbpress-forums .reply {
    font-size: inherit;
    padding: inherit;
    position: relative;
    right: inherit;
    top: inherit;
}

Pascal.

[Robkk]

Add this custom css anywhere you can add custom css like in your child themes style.css stylesheet or in a separate plugin.

#bbpress-forums .reply a {
    float: none;
}

[Robkk]

I guess it could be CSS related then. Place a link to your forums so I can see if possible margin or padding css is causing the issue for any links in a bbPress post.

[o.m.j]

I found this filter somewhere in the forums, but it still leaves the yellow box…just removes the text…

function change_translate_text( $translated_text ) {
	if ( $translated_text == 'Your account has the ability to post unrestricted HTML content.' ) {
	$translated_text = '';
	}
	if ( $translated_text == 'Oh bother! No topics were found here!' ) {
	$translated_text = '';
	}
	return $translated_text;
}
add_filter( 'gettext', 'change_translate_text', 20 );

using firebug, I found the code for the yellow box, then I added this code to my CSS, but will it cause other issues?

thx

.bbp-template-notice {
	display: none;
}

[Momshof]

Wordpress: 4.3.1
Divi Theme: 2.5.5
BBPress: 2.5.8
bbp style pack: 2.8.3
http://dtcdancecentral.com/DTCTest/forum/

Hi – I am new to BBPress. I am hoping some one may be able to assist with the page formatting of the forums/category/topic pages et etc. I am trying to get it as close to this:

http://dtcdc.freeforums.net/

as I can.

With bbpress style pack I was able to do alot without having to mess with any code of files -I do not have alot of coding experience or working within the server on files.

Right now – I have the following short codes in a Divi Page – this is my Forum Index Page:

[bsp-display-forum-index forum= ‘1106’ breadcrumb=’no’ search=’no’]
[bsp-display-forum-index forum= ‘1130’ breadcrumb=’no’ search=’no’]
[bsp-display-forum-index forum= ‘1154’ breadcrumb=’no’ search=’no’]

1. This is giving me the “boxed” look for each separate forum I want – I can not figure out how to get the header title of each forum changed. Where it says “Forums, topics,posts, freshness” instead of Forum – I would like it to state the name of the forum I have created (like the first one be “Community Forum”, then the 2nd one would be “Platinum Members Forum” & the 3rd “Diamond Members Forum”).

These would not be links to anything. Just the forum title. So that when an actual forum below in the “box” is clicked on it goes straight to that forum page showing all topics under that forum.
(I hope I am using the correct terminology here.)

2. I can not get the description to show up underneath each category on the forum index page. Is the only way to achieve this to do something to the files in wp?

3. The topic pages (submit & view) have a big line running down the right side of the pages down into the footer – is there anyway to remove that line and make the pages full width or a custom width?

Divi Theme does provide an Epanel where I can put css coding in without having to change any files. If anyone has any ideas how to achieve these changes (hopefully without altering files) I would appreciate the help & guidance.

Thanks!

[Robkk]

@omj-1

This is the CSS causing the issue.

#bbpress-forums .bbp-body div.bbp-reply-content {
    clear: both;
    margin: 10px;
    padding: 0;
}

The reason why when reply threading is enabled fixes the issue is because the list .bbp-body self closes and makes the above CSS not work.

Here is the ticket about the reply threading markup bug.

https://bbpress.trac.wordpress.org/ticket/2757

You can use this custom CSS to fix the issue.

#bbpress-forums .bbp-body div.bbp-reply-content {
    clear: none;
}

[lvictor]

I’ve seen a ton of topics regarding not being able to see the forums at all, but nothing quite like my situation. I can see the top level for my forums, and it is listing topics & replies but I can’t get to them. Although I’ve imported the bbpress templates and css to my template directory, I’m unable to get past the top level for my forums at:

STARFLEET Discussion Forums

When I click on a category, topic, reply, I get a blank like this:

http://sfi.org/topic/heres-a-test-topic/

They do work when I switch to the default template, so is there a step I missed with the template? Is there code that needs to be added to the template header? Something else?