[crzyhrse]

Hi Robin,

Adding the !important, I have placed the below into the theme’s child, and then just to see what would happen when that didn’t do anything, placed it at the bottom of the bbpress.css file, here- /wp-content/plugins/bbpress/templates/default/css/bbpress.css

Neither attempt made the change I am looking for, to increase the font size of all the forum text in general, which is presently about the same size as this text is here… I’ll tweak the number once something I try is effecting a change… I am always clearing all caches when I ever do any changes, just to confirm that…

bbpress-forums .bbp-topic-content p,
bbpress-forums .bbp-reply-content p {
font-size: 16px !important;
}

I am going to keep looking and playing with it but wanted to report this now… I am accepting your offer of help. Some feedback is that in a lot of searching in the past I hadn’t come across the pages your links above sent me to, and they are helpful, though still with some vagueness and gaps that can leave on a bit floundering… I you want to hear more let me know…

[crzyhrse]

I’m back to the same quest, changing the forum’s font size(s), and in searching around rediscovered here… I’m pretty good about checking the “notify me of followup” boxes but didn’t get an email in this case, so this is a good bit later… I’m hoping your “followup” boxes are still checked and maybe you will see this… I’ll bookmark this thread and check back in…

And thank you, this IS community and I deeply appreciate all the effort everyone makes to help each other, and also for both of you reminding me of that… Because it is looking like it could be helpful to Robin to know a little what it is like (for some folks anyway) looking for answers like this, I’ll make an offering here, beyond just looking for my own solutions…

It could be that I am a bit typical of someone coming into this believing they can do it even though they haven’t done it before, and who is generally doing very well and truly enjoying the process, and all the new stuff I am learning… I have a very nice, unique website going now, with a lot in it. The forum is the only part left for me to tweak around with, refine it’s look and feel, so to speak, or in other words the stuff css does, as opposed to php for instance…

To answer Lyng and also in response to Robin, I am comfortable changing css via the theme child, as well as php changes with snippets via the snippets plugin, and have altered parts of some wp files, theme files & plugin files via the cPanel when snippets or child css wasn’t going to do it, in which case making local documented backups…

And, I am totally illiterate in terms of writing code and nearly illiterate reading, some bits of css being a slight exception. And my brain cells way too old for me to ever become fluent. Especially in that there are several different languages used for websites… I understand “cascading” though, and am getting some glimmers of the relationship between some of the languages, like it seems that css is telling php what to do once php gets some structure in there… I have a construction background so I tend to look at things that way, bits and pieces of this and that fitting together to make a whole…

So how I have gone about it is to search and obtain code from all you amazing literate folks, as well as by learning a bit to identify in the case of css what can be altered in existing code to change size, color, padding, location, etc., and add that to the child theme or elsewhere so the cascading effect takes place…

I can’t ever imaging at my age learning much about php, i.e., to actually change existing php code, but I can and have looked for and found some bits from people who seem to know what they are doing and who are referring to to something close enough to my own situation to try it, either as a snippet or some changes via cPanel, text, things like that..

People often offer code but don’t then say how to use it, place it, where it goes, as if all of us out here, if we are looking for code know that part… If that information could be more prevalent with the offered code it could be hugely helpful for this person and probably a lot of other folks… I’m reminded sometimes of being in a country whose language I don’t speak, and how sometimes local folks can kind of get impatient with that. And I also see in searching around how some folks seem to want simple solutions without any effort on their own part… And as you reminded me, this is community, so there you go… All sorts of us… 🙂 I’ve actually enjoyed some great personal growth these last few months with all of this…

I am hoping all this can be helpful… I’m now going to go off and explore where Robin has pointed, and maybe come back here with a report, likely not to be even nearly as long-winded as this… 🙂

Again, truly regret that I did not see your responses sooner, and hoping you get this…

John, aka crzyhrse

[storm72087]

Hi guys,

My knowledge of HTML and CSS is limited. I know enough to make the changes, but with so many options in bbpress.css, I get lost. I’m currently going through the bbpress.css file and not sure where to find the section to edit the border on the main forum page. Any help would be truly appreciated.

Also, where would I edit the font color of the topic names?

Thank you,
Storm

[Shmoo]

If you know a little CSS and you’re not afraid the change the bbPress templates a little you can make this happen with through the forum_id(); which is unique for each forum.

Take a look inside loops-forums.php ( the template that starts the forums loop ) you’ll find this. <?php bbp_forum_id(); ?>

Copy that, next open your loop-single-forum.php and paste that code where you would like your image to show up.
For example something like this could be possible.

<img class="bbp-featured-img" src="http://example.org/images/forums/featured_forum_<?php bbp_forum_id(); ?>.png" alt="<?php bbp_forum_title(); ?>" /><a class="bbp-forum-title" href="<?php bbp_forum_permalink(); ?>"><?php bbp_forum_title(); ?></a>

All you have to do now is make sure you call your forum images featured_forum_[ID].png and upload them to the path you set in the image tag.

If you Hover over the forum names at the WP back-end you’ll see where the URL-page is pointing to if you would’ve clicked it, this link has a number like 88 or something, each forum has an unique number so your could pick that number and call it in your images, featured_forum_88.png >> upload the image and it will show up next to the forum title.

Change-/position it a little by CSS ( img.bbp-featured-img { } ) and you’re done.

I’ve done this myself the same way only with icon-fonts in front of the forum titles.
It’s a little bit of customization and it has a static feeling but it’s not that difficult and works perfect.

Edit

Almost forgot to say, don’t change the bbPRess template files inside your plugins directory but copy those files to your theme directory.
https://codex.bbpress.org/theme-compatibility/

[John James Jacoby]

By default, closed topics get a greyed out text color. You can override this with some CSS tweaks that target it specifically. Something like:

#bbpress-forums .status-closed,
#bbpress-forums .status-closed a {
    color: red;
}

[blastblast]

@jaredatch

hi, new to the bbpress forum

As, I posted here https://buddypress.org/support/topic/sticky-color-screenshot/

I would like to change the font color of the sticky post in bbpress from the light grey to black.

In the
/wp-content/themes/bp-default-child/style.css

I inserted

.sticky {
font-color: black;
}

and it did not work.

After researching I stumble across this topic and I’m guessing editing the bbpress.css would be the answer, correct?

If so, before editing bbpress.css, I would like to make a backup or child theme version.

So if I’m following your instructions, would it be correct to place the bbpress.css in my /wp-content/themes/bp-default-child/bbpress.css folder or do I have to create a css folder thus placing it in /wp-content/themes/bp-default-child/css/bbpress.css.

Sorry if I’d got off track, ultimately, I would just like to change the sticky post color from light grey to black in the simplest way possible (without a plugin).

Any guidance would be helpful
thanks

[luckydumpling]

Wordpress Version: 3.8.1
BBPress Version: 2.5.3

Hi guys, the UL LI elements of my forums are following the styling declared for UL LI in my style.css file instead of the bbpress.css file. How do I correct this? Any help is appreciated.

Here’s the site: http://www.uptmcaa.com/forums

[koendb]

You could change your forum lay-out with a template and let your other pages stay the same. It’s going to be though to achieve this result without ANY coding languages. Even when you use other’s code you’ll need to change the .css to change the colors etc.

If you however decide to try it yourself, you should start reading here.

[gmingle]

Hey there,

My bbpress forums are not inheriting my theme, it works for some people and for others it doesnt. When myself and several members visit the forums they look correct but when we got to a topic it shows up with not css whatsoever just a white page with everything aligned to the left. Any ideas how to fix?

http://www.gamermingle.com

[jernatety1]

Nevermind, I found it. Thank you for your help.

edit bbpress.css

Look for below id and comment out inline replace with display:block;

#bbpress-forums .bbp-forums-list li {
/*display: inline;*/
display:block;
font-size: 11px;
}

[Lynqoid]

To get separate categories have you tried creating a main forum, then assign sub forums to the main forum. Then the sub forums will display in a list underneath the main forum.

You can then use some css to separate the look of the forums.

[John James Jacoby]

Replacing your entire forum solution because of rogue CSS seems like burning down the house because you heard a mouse. Let’s try and fix the CSS before things get more complex.

[piccart]

Hi guys! sorry but I forgot to pin the notifications for this post so I just realized about your replies..

it wasn’t very technical actually, but I think it depends a lot on the theme you have.

if just added a conditional into the class of my page template main content and of the sidebar wrap:

<?php if (is_bbpress() || is_page('forum')){ echo "forum_layout"; } ?>

it will have to be added something like this:

<div class="grid__item main float--left <?php if (is_bbpress() || is_page('forum')){ echo "forum_layout"; } ?>">

then is all about css, so it depends on yours. but you should be able to override the interested divs, appending your .forum_layout class in this way:

.grid__item.main.forum_layout {
	width:76%;

}

.grid__item.sidebar.forum_layout {
	width:24%;

}

then at the same you can override the normal layout fonts, colours, etc.. if something is not considering your new style, try adding !important in this way:

width:24% !important;

hope that’ll help! 😉

[WPDragon]

Hi @avgmatt — Well, the category is kindda what I had in mind, but still wish there was a built in way in bbpress to structure a forum more like phpBB or vbullentin.

However, if you want the Categories to not be side by side..and List them under the main forum..check this link out. https://codex.bbpress.org/layout-and-functionality-examples-you-can-use/

If you look at #1 – it gives you the exact line of code to put into your CSS to make it inline.

Hope that helps.

[Tecca]

Do you mean the margins between the post and the date of the post? Because it seems like the opposite actually fixes the problem (your first CSS bit in your post with 0 margin).

You also seem to have these two in your CSS:

#bbpress-forums .post-content p

and

.post-content p

Both are doing the same thing, so you could have a conflict with your CSS there. Remove one of them entirely and work with just the one you keep. Be sure to refresh your cache (ctrl+f5) after saving the change in your CSS file.

[nzguyyy]

I am new to CSS and trying to change the formatting of my post-content div. My forum home page, and topic pages look okay but the margin in my post content page isn’t quite right. I can fix it by inspecting element and performing the change below, but then it reverts to being broke again.

I change it to this:

#bbpress-forums .post-content p {
margin: 0px 0px 0px !important;
display: block;
}

but then it reverts to this:

#bbpress-forums .post-content p {
margin: 0px 0px 20px;
display: block;
}

Any idea what I’m doing wrong? Forum is here:

http://www.planitnz.com/new-zealand-travel-forum

[nzguyyy]

I am new to CSS and trying to change the formatting of my post-content div. My forum home page, and topic pages look okay but the margin in my post content page isn’t quite right. I can fix it by inspecting element and performing the change below, but then it reverts to being broke again.

I change it to this:

#bbpress-forums .post-content p {
margin: 0px 0px 0px !important;
display: block;
}
but then it reverts to this:

#bbpress-forums .post-content p {
margin: 0px 0px 20px;
display: block;
}
Any idea what I’m doing wrong? Forum is here:

http://www.planitnz.com/new-zealand-travel-forum/

[iambob]

Ahh, so close … Thank you Stephen! The appearance of data in the columns now absent.

Next trick that yet evades my efforts and understanding is to have any long (> 55 characters) Forum or Topic titles (and/or any description of either), extend the full width across the defined space these columns (still) occupy, rather than wrap ‘half-way’ across. Is this a simple ‘width’ change within bbpress.css (and/or other files)?

With this change, the appearance (of forums & titles) would better fill the real estate, as Replies do, especially on a smartphone.

Much obliged,
Bob

[nzguyyy]

I am new to CSS and trying to change the formatting of my post-content div. My forum home page, and topic pages look okay but the margin in my post content page isn’t quite right. I can fix it by inspecting element and performing the change below, but then it reverts to being broke again.

I change it to this:

#bbpress-forums .post-content p {
margin: 0px 0px 0px !important;
display: block;
}

but then it reverts to this:

#bbpress-forums .post-content p {
margin: 0px 0px 20px;
display: block;
}

Any idea what I’m doing wrong? Forum is here:

http://www.planitnz.com/new-zealand-travel-forum/

[Stephen Edgar]

1. The legend of bbp-form gives no indication of the difference between a reply to topic versus a reply to a reply. I have to look at the URL displayed by the browser to tell the difference.

Will take care of this in the ticket you created 🙂
https://bbpress.trac.wordpress.org/ticket/2509#comment:5

2. When I go to the link of a post given by the RSS feed, it displays starting below the post’s toolbar. Now I know there is a toolbar above the post and can scroll up to click the REPLY link, then go reply. BUT – I really, really don’t want to have to educate every one of my moderators and users about this. From some Google searching about this, it seems that having the post’s reply link above the post is a more recent feature. I don’t think it is very intuitive, especially when a post link ending in “…/#post-416″ gets me to post 416 with the toolbar for that post invisible until you scroll up to see it (if you knew to do that).

I get where you are coming from on this and this is pretty hard to implement in bbPress as we don’t know what toolbars, headers etc your theme uses and there are soooo many.

I’m far from a CSS guru but is there some CSS trick that will allow some margin padding to fix this?

3. Some of my moderators have pointed out to me examples of the “Freshness” column in the Forum index pages being just plain wrong. To be more specific, the “Freshness” entries in question say a particular category is several days old (even after an F5 browser refresh), when by going down to a topic in that category you can see that it should have been 30 minutes old.

This does happen from time to time, hopefully with the patch in #1925 this will also be resolved. https://bbpress.trac.wordpress.org/ticket/1925

I get the same ordering issues with only some of the Topic threads.

Is there/ Have you seen anything that determines if the issue occurs?

Are the topics that work as expected before Threaded Replies were enabled for example?

I also have a particular thread where a reply to a reply does not show any thread indentation and ends up after all comments on the topic, just as if it had been a reply to topic.

Probably need to take a closer look at that entire topics topic, replies and replies to looking at the post id’s and relevant data.

The ‘Threaded Replies’ issues I am tracking in ticket #2397 if you come across anything that may help diagnose these issues further that would be great.
https://bbpress.trac.wordpress.org/ticket/2397

[wiste]

@netweb, I get that and that’s where the CSS files are, but when I try to change any php files that are located in the subfolder which is also names “bbpress” it simply doesn’t see them. My understanding from the WordPress documentation is that if you put the file in a child theme in the exact same heirarchal location as it is in the parent theme it should pick it up, but that’s not how it’s working.

I made a custom loop-forums.php. The structure of the default folder is that this file is inside a folder already called bbpress. When I copy over all the files form default in my parent theme to bbpress in my child theme I end up with a bbpress folder containing all of the php files inside of the bbpress folder that I created for the child them. Then upload my custom loop-fourm.php to the folder where it normally resides, it doesn’t pick up the change. When I put it at the root it does pick it up. However, changes to the CSS files in bbpress/CSS get picked up.

I’m having this same problem with other files in the child theme where I can’t figure out where to place php files to have them be recognized in the child theme, so it might be something wrong with the way the theme handles child themes, but I have no way to know this.

[WPDragon]

Hi..I assume this is a CSS thing, but can someone please help with.

I’m trying to get my Forum to look as close as possible as the current popular Forums today…one thing I wanna add is the Stats at the bottom of the page..for example:

WHO IS ONLINE?
In total there are 115 users online :: 35 registered, 0 hidden and 80 guests (based on users active over the past 5 minutes)

If someone can assist with what line of code I need to use to make the STATS Horizontal across the bottom, rather than Vertical – I would appreciate it!

Thank you!

[WPDragon]

Hi @robin-w, Thank you for that tip!…Yes, that brings me one step closer to what i am trying to do…I did not realize the “Category” option helped section the sub-forums…so, thank you for that…I assume the look & feel of how the forum is divided to look like the examples above is all CSS type stuff….which is another challenge for me. lol.

[MT]

I’ve been trying different variations of things and I assume that’s probably what you mean by “Try just leaving the page with the default template”. To make it work I had to name the copied “Full Width Page” file “forum.php” (to get rid of sidebar widgets) and to extend bbp over the entire page I added this width to css…

#bbpress-forums {
	width: 900px;
	background: transparent;
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
	font-size: 12px;
}

I do also have a bbpress.php file but it doesn’t work alone and haven’t wanted to delete it, just in case, now that the forum.php has resolved things. But again I assume that it’s not needed–the bbp.php file, in my case.

So now that that is done, the “Replies” button in Admin will not open “All Replies”, only the “New Replies”. I started a new topic as this may be unrelated.

Thank you much.

[jernatety1]

Hello,

I recently installed bbpress, (this morning). I’ve gotten everything setup but I’m having a problem with the forum titles. Instead of one forum on one line titles seem to be wrapping to the next line beneath.

Is this something I can fix in CSS as in number of characters per title?

hockeyfights-video.com/forums/

Thank you