Site logo

Archived topic

BBPress sidebar sizing

11 replies · Started by Bob on March 31, 2021

Viewing posts 1–12 of 12

Hello,

I am trying to put a forum on my website using BBPress. I have it up and running, but right out of the gate I cannot figure out how to control the width of the right sidebar on the forum page, and similarly would like to adjust the width of the main forum. Ideally I would like to use the same body and sidebar dimensions as my blog page (i.e. slug "/flyer").

Blog page: https://naturefolk.net/flyer/

Forum page: https://naturefolk.net/forum

Also, just curious: What forum plug-in do you use for this forum? Or is it custom coded?

Thank you!

Bob

P.S. I've really turned the corner with this website using GP Premium and GB Premium. The premium blocks really made it easy to give it some much needed pop. Still a work in progress of course.

Thank you - they are helpful resources, Leo.

However, it still doesn't explain why my forum sidebar is spaced out so much wider than my blog sidebar. I would assume since I'm only using the global settings that it would all be the same? Do you have any ideas on why they would be manifested so differently on my page? Again, I haven't done any custom coding, css, or addition of php, thus I would think they would be identical.

Blog page: https://naturefolk.net/flyer/

Forum page: https://naturefolk.net/forum

Thanks again,

Bob

Leo - I added the CSS globally, and then locally just on the Forums page. That achieved a better result for the forums right sidebar (i.e. it's narrower), but I'm still confused why the forums sidebar and the mail forum contain "hug" the ends of the screen.

In any event, thanks for any other ideas you can provide.

Thank you!

Hi Bob,

Customizer uses a percentage of the site container width to define the width of the sidebar.
I inspected the 2 pages, and both sidebars are set to 40% as width.
Blog content container width is 1180px, so the sidebar would be 472px.
https://www.screencast.com/t/4bjoGjBvHCq

Forum content container is full width, so the sidebar would be 40% of the screen width. But there's another piece of CSS that is overriding the 40%with 400px.
https://www.screencast.com/t/A0Ixi1gCI

That's the reason why the sidebars are different in width.

To solve the issue:
1. remove this CSS:

 #right-sidebar { 
    width: 400px;
}

2. go to the page editor, set the forum page's content container to default instead of full width.
https://docs.generatepress.com/article/content-container/

but I’m still confused why the forums sidebar and the mail forum contain “hug” the ends of the screen.

Because the sidebar is longer than the content :)

Yin, thank you so much.

Your documentation was really helpful.

My only problem is the last step:

My content container for my page (and apparently all the pages) is greyed out.

Is there an obvious way to change that?

Thank you!

Bob

Hi there,

The content container dropdown will be greyed out if you have a Layout Element affecting the page/post.

Go to Appearance > Elements and check for any Layout Elements.

Thank you all for your help!

That seemed to do it, although - wow - the deeper I dig the more complicated it gets.

Made major strides on the forum setup so I thank you,

Bob

We are always happy to help :)

To add:

If you want different Layout Elements for different post types or taxonomies, you can do that by creating multiple Layout elements but make sure their display rule location doesn't overlap. :)

Glad you got it sorted. :)

Thanks for all your help.

Still trying to wrap my head around Layout Elements.

Will likely have a follow up question, but in a week or so (on a different topic).

Really appreciate all your help!

Bob

This archived topic is closed to new replies.