[Adam]

Hi,

sorry for the noob question, hopefully the answer’s easy, but I can’t figure it out or find an answer online. Slightly overwhelmed by the 25 tabs on the bb style pack settings.

I just installed bbpress and the style pack on my WordPress site and set up my single forum here:

North London Low Carbon Future Group

However the font size is tiny. I’m using theme Twenty Twenty so I figured it should be defaulting to something that blends right in. Isn’t that the way it’s meant to work?

[Robin W]

dashboard>settings>bbp stylepack> forums index styling and just change all tne font sizes to what you want

or

bbPress Styling Crib

[Adam]

Ah, I was hoping there was some way of getting it to integrate with what the rest of the site is doing – it occurs to me now that it’s also the fonts and the color that I need, not just the font size.

I’ll try it all manually of course.

Actually it’s not the forums index page, it’s the forum page for the single forum I’ve got.

[Adam]

Hi,
I’m struggling to set up bbPress so that the forum style adheres to the website style.

I wasn’t able to find the right place to change the font size on this page linked to above despite your guidance 🙁

I’m trying to read my way through the bbPresss documentation in codex.bbpress.org but it starts off getting right into the nitty-gritty by recommending I create a child theme and start writing CSS.

I’m using Twenty Twenty theme for the main site. I read that I might need to create a bbPress theme – but I think I need to read a lot more about that.

Any help gratefully received!

[Robin W]

so have you tried style pack ?

[Adam]

re setting my own font sizes on the “Forums Index Styling” tab – the first thing that threw me off the scent is that the image with all the numbers on shows a different page to the forum page which I’m using as the main page (there’s only one forum).

[Robin W]

If you don’t want to learn child themes and css (and I can’t blame you !!) I can only suggest that you get adventurous and try changing settings in the style pack plugin. No changes made in the style pack plugin are permanent – worst case you can simply deactivate the plugin and it will stop having any impact, or you can reset individual tabs in the ‘reset settings’ tab.

[Adam]

Hi Robin,
I could do a child theme and CSS if that’s necessary but I am trying to figure out whether it is actually necessary.

If you look at the page I’ve linked to – the topics index for the single forum on my website I believe – then I assume you’ll see the same as me, which is that there is the massive page title, which is default Twenty Twenty theme like the rest of the website, and there is the tiny bbPress text, inc. forum information, pagination text, topic title etc.

I tried changing the forum information font size in the Topics Index Styling tab but it had no effect. Am I using the wrong bbPress Style Pack tab?

[Robin W]

start with the forums styling – that sets much of the site

[Adam]

Thanks for helping Robin.

OK so I’ve made a bit of process. In “forums index styling” tab, I changed the ‘forum description font’ size and that gets picked up.

But I have to change all font sizes – they are currently all too small.

It sounds pretty much like I’ll have to do this with a style sheet, or is a child theme a better approach?

[Robin W]

style pack should let you change them all – you just have to work through the options on each tab.

[Adam]

There doesn’t seem to be a style setting for the width of the page?

The forum width is half as wide as the page content on page or post pages.

[Adam]

Looking in the browser developer tools, I think I can see what is happening. The problem is:

#bbpress-forums {
    background: 0 0;
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
    font-size: 12px; 
    line-height: 18px;

and then there’s also .bbp-breadcrumb and .bbp-template-notice and so on.

And then there’s this CSS class defining the width inside the standard WP entry-content:

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 57rem;
    width: calc(100% - 4rem);
}

What do you recommend as the best way forward, bearing in mind I will probably forget all about this after a couple of months! 😆

A child theme from Twenty Twenty?

Or just the appropriate CSS in the WP theme Additional CSS dialog?

[Adam]

Interestingly, the forum font names are inherited from the Google Fonts plugin I’m using, which is great.

Presumably you don’t specify a default font name then? Is there a major reason why you specified a default font size?

[Robin W]

I’m just a user of bbpress and author of bbp style pack.

I can’t say why bbpress authors chose what they did

[Adam]

OK, well thanks for being there.

I have decided to go the child theme route.

[Robin W]

no problem – hope you get it all working 🙂