Topic: The entire site 980px but bbPress 100% full screen width. Is it possible?

The entire site 980px but bbPress 100% full screen width. Is it possible?

Rasheed Bydousi
Participant

@rasheed

12 years, 2 months ago
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, 2 months ago by Rasheed Bydousi.
- This topic was modified 12 years, 2 months ago by Rasheed Bydousi.

Viewing 13 replies - 1 through 13 (of 13 total)

Rasheed Bydousi
Participant

@rasheed

12 years, 2 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

@melindrea

12 years, 2 months ago

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

Rasheed Bydousi
Participant

@rasheed

12 years, 2 months ago

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

Rasheed Bydousi
Participant

@rasheed

12 years, 2 months ago

This snapshot shows the hierarchy:

View post on imgur.com

Melindrea
Participant

@melindrea

12 years, 2 months ago

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

Rasheed Bydousi
Participant

@rasheed

12 years, 2 months ago

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

Melindrea
Participant

@melindrea

12 years, 2 months ago

You’re welcome =)

Rasheed Bydousi
Participant

@rasheed

12 years, 2 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

@melindrea

12 years, 1 month 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 Bydousi
Participant

@rasheed

12 years, 1 month ago

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

@adilali01

12 years, 1 month ago
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, 1 month ago by AdilAli01.
DramaticBaby
Participant

@dramaticbaby

12 years, 1 month 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

@karim16

8 years, 4 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?