Limited Support
Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.
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!!
