[Bookkus]

I am having some trouble with the layout of my forum. Once I add the shortcode to a new page the layout goes very strange. I have tried going to full-width with no result.
I am using custom community theme. My buddypress, wordpress, and bbpress are fully updated.

http://www.bookkus.com/test-forum/

Thanks in advance for your help.

[Lynq]

Oh wow umm,

It looks as though there isn’t a lot of styling going on for your forum.

Where did you get your bbpress.css file from? It looks really short compared the one I got originally.

[Bookkus]

It’s just the shortcode forum when I post it into a page: http://www.bookkus.com/test-forum/

If I use the other forum it looks like this: http://www.bookkus.com/forums-2/

[Bookkus]

Does anyone have any ideas?

[Bookkus]

I tried deactivating plug-ins to no effect. Any other ideas?

[Lynq]

I am still thinking your bbpress.css file seems a little short, where did that initially come from?

[nicoblue]

Hi Bookkus, I have exactly the same problem here.
I’m using a child theme of BP default. bbPress 2.3.2, BP 1.7.3, WP 3.5.2.

The pages generated by bbPress follow my theme styling fine:
http://community.allen-heath.com/forums/forum/me

However when I use a bbPress shortcode, the styling / font goes wrong:
http://community.allen-heath.com/forums
http://community.allen-heath.com/forums-activity

Have you ever fixed this?

[raduszeged]

nicoblue: I checked your website and – as far as I can see – you solved the problem. I’ve the same issue now; could you help me with the solution?

Wordpress version: 3.5.1
BBpress version: 2.3.2
Theme: Default Twenty-eleven (from earlier WP) with my own minor modifications

The problem is the same: the bbpress forum style on the full-width pages are working flawless. But when I use the shortcode, the floating elements are broken, for example the pagination is messed up. The styling was okay a year ago, but I updated bbpress not so long ago, after I did not checked the shortcode pages (my bad…), and yesterday I faced with the problem.

I show you the difference:

On full-width page, without shortcode (perfect):

Link: http://www.radu.hu/forum/f/kerdesek-a-pontos-adatokkal-kapcsolatban/

With shortcode, pagination and other styles are broken:

Link: http://www.radu.hu/hasznos-eszkozok/jo-minosegu-backteszt-adatok/adatok-letoltese/

At the bottom of the page, the new topic box (the border) is wrong:

Link: http://www.radu.hu/hasznos-eszkozok/jo-minosegu-backteszt-adatok/adatok-letoltese/

If anyone could give me a hint… 🙂

[raduszeged]

To moderators: please, remove the blog links and images from my post! My server is under heavy load 🙁

[nicoblue]

Ok, so my understanding is shortcode-generated content does not follow the style of the page templates.

To fix this, I have defined a global style in my style.css – this applies to all content which is not addressed by page templates.

For example:

* {
    font-family: Arial, Helvetica, Verdana, 'sans-serif';
}

Hope this helps.