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?
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/
@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.
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;
}
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.
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?
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
try
body.template-full-width .entry-content #wpforo #wpforo-wrap {
max-width: 100% !important;
}
It worked!
Thank you so much @tutrix!!