[Rasheed Bydousi]

Hello, I am using TwentyEleven and bbPress 2.1.2

TwentyEleven has a width limit 980px and that is OK.

I want to integrate bbPress but I want it to be 100% full screen width.

I do not want the whole site to be 100% full screen width.

I just want the forums to be 100% and the rest of the site to be 980px.

The problem div id=bbpress-forums is inside div id=page

page {

    margin: 0 auto;
    padding: 0 25px;
    width: 980px;
}

I don’t know how to separate these divs.

Any help? Thanks

• This topic was modified 12 years, 3 months ago by Rasheed Bydousi.
• This topic was modified 12 years, 3 months ago by Rasheed Bydousi.

[@rasheed Participant 12 years, 3 months ago]

Update:

I found this topic, it has the same issue.

How can I make bbpress forums wider than my usual blog content?

Unfortunately, the proposed solution does not solve the problem.

I’d be happy if someone will give a clue.

Thanks again.

[@melindrea Participant 12 years, 3 months ago]

Perhaps go with .bbpress .page { width: 100%; } ?

[@rasheed Participant 12 years, 3 months ago]

The problem is bbpress forums Included inside div id=page so adding width: 100%; won’t help.

[@rasheed Participant 12 years, 3 months ago]

This snapshot shows the hierarchy:

View post on imgur.com

[@melindrea Participant 12 years, 3 months ago]

Yes, but check out the body – it has class bbPress. So .bbPress #page would affect only the forum pages.

[@rasheed Participant 12 years, 3 months ago]

You are right.
Issue solved.
Thank you for your help.

[@melindrea Participant 12 years, 3 months ago]

You’re welcome =)

[@rasheed Participant 12 years, 3 months ago]

Hello again,

I have created a new page and added [bbp-topic-form] shortcode inside it. However, this page isn’t 100% full width.

How can I “force” this page to get the .bbPress #page class ?

Thanks

[@melindrea Participant 12 years, 2 months ago]

My suggestion would be to just use a similar rule. Let’s say that this page has the class “page-id-2”, then amend your above CSS to look like this:

.bbpress #page,
.page-id-2 #page {
    width: 100%;
}

[@rasheed Participant 12 years, 2 months ago]

Melindrea,
Your tip did what I need.
Thank you for your help.

[AdilAli01]

please help me too, since i am a newbie ! i want forum width to 100% .. How to add custom CSS and how to find page id ?

• This reply was modified 12 years, 2 months ago by AdilAli01.

[@dramaticbaby Participant 12 years, 2 months ago]

I would suggest that you read the codex on how to add custom themes, it is too much for a single forum post.

You can always begin here: Step-by-step guide to creating a custom bbPress theme

Happy coding! =)

[@karim16 Participant 8 years, 5 months ago]

hello
sory but i want to ask that how i can move the side bare to max right and chek the bbpres forum auto max lenth
i use wordpress 4.2.2

can i get the solution please?