Notifications
Clear all

wpForo 1.x.x [Closed] Forum will not go full width using wordpress official 2020 theme

11 Posts
3 Users
0 Reactions
1,083 Views
Posts: 75
 TGW
Topic starter
(@tgw)
Estimable Member
Joined: 7 years ago

Hello, please see the attached pic.

I've got no sidebars on this page, I've configured wordpress so that the [wpforo] tag is the only thing that shows up on the /community page. In addition I've set the WPforo settings to be full width, with no sidebars.

It seems oddly to be just this these where it is a problem - but this is literally an official wordpress theme, so I don't know why that would be the case.

What else can I try?

10 Replies
Posts: 75
 TGW
Topic starter
(@tgw)
Estimable Member
Joined: 7 years ago

Just for clarity: All that space on the right side of this screenshot is still within the browser window. And this is on a small screen

See for yourself: https://the-great-work.org/community/

1 Reply
Alvina
Moderator
(@alvina)
Joined: 5 years ago

Member
Posts: 1862

@tgw,

Please navigate to the Dashboard > Forums > Settings > Styles admin page, put the following CSS code in the "Custom CSS Code" textarea, and check again:

body .grid-container {
max-width: 100%;
}

Please don't forget to delete all caches and press CTRL+F5(twice) on the frontend before checking.

Posts: 75
 TGW
Topic starter
(@tgw)
Estimable Member
Joined: 7 years ago
Posted by: @alvina

body .grid-container {
max-width: 100%;
}

Hi, this made no change, even after marking !important and clearing all caches/refreshing

The CSS I have in custom code is currently:

.fa-reply:before {
content: "\f3e5" !important;
}


.fa-window-close:before{
content: "\f410" !important;
}

.vl-container {
width: auto !important;
}

body .grid-container {
max-width: 100% !important;
}

Posts: 75
 TGW
Topic starter
(@tgw)
Estimable Member
Joined: 7 years ago

Here is the pages CSS layout:

If you click over to the-great-work.org/community, the landing page for the forum, it is centered and not full with. Then the individual sub-forums are left-aligned and not full width.

4 Replies
Tutrix
(@tutrix)
Joined: 5 years ago

Noble Member
Posts: 1455

@tgw

add

#wpforo #wpforo-wrap {
margin:0 auto !important;
}
 TGW
(@tgw)
Joined: 7 years ago

Estimable Member
Posts: 75
Posted by: @tutrix

@tgw

add

#wpforo #wpforo-wrap {
margin:0 auto !important;
}

Well it's now centered, but not full width. The padding is set to 10px, but I assume it's actually much larger because the forum area isn't going full-width for some reason?

 

 

Tutrix
(@tutrix)
Joined: 5 years ago

Noble Member
Posts: 1455

@tgw

use "!important"

body .grid-container {
max-width: 100% !important;
}
 TGW
(@tgw)
Joined: 7 years ago

Estimable Member
Posts: 75

@tutrix

It's already set to important:

.fa-reply:before {
content: "\f3e5" !important;
}


.fa-window-close:before{
content: "\f410" !important;
}

.vl-container {
width: auto !important;
}

body .grid-container {
max-width: 100% !important;
}

#wpforo #wpforo-wrap {
margin:0 auto !important;
}

Thanks for the continued advice

I've gotten ride of everything other than

body .grid-container {
max-width: 100% !important;
}

#wpforo #wpforo-wrap {
margin:0 auto !important;
}

 

just incase those were interfering

Tutrix
Posts: 1455
(@tutrix)
Noble Member
Joined: 5 years ago

@tgw

try

body.template-full-width .entry-content #wpforo #wpforo-wrap {
max-width: 100% !important;
}
1 Reply
 TGW
(@tgw)
Joined: 7 years ago

Estimable Member
Posts: 75
Posted by: @tutrix

@tgw

try

body.template-full-width .entry-content #wpforo #wpforo-wrap {
max-width: 100% !important;
}

It worked!

Thank you so much @tutrix!!