Thank you very much! But another question: Is it possible to deactivate the sidebar on the forum?
You would need to follow this and create a bbpress.php file and then come back and I will help you with some CSS that you might need.
Getting Started in Modifying the Main bbPress Template
I just tried Widget Logic and it worked mostly good. I added is_single() && in_category (‘forums’) in every widget, so all widgets were hidden. But a new widget appeard: Archive. I didn’t even activated this one…
Edit: restrict widgets removed the widgets succesfully, but the forum is still not Full-witdh
@acs-yt
Post a link to your site and I will help you fix the rest.
@acs-yt
Try this custom CSS to see if it would help make your forums full width.
@media and (min-width: 992px) {
.bbpress .col-md-8 {
width: 100%;
}
}
Use this to completely remove the sidebar with CSS.
@media and (min-width: 992px) {
.bbpress .col-md-4 {
width: 0;
display: none;
}
}
I’m sorry to ask, but as I’m very new to css & php, I really don’t know, where to paste this code.
But nevertheless, thanks for the code.
What I posted is just some custom CSS.
Paste custom CSS in any of the following for it to work.
Child themes stylesheet
custom css plugin
bbpress stylesheet in a css folder in child theme
Thanks for your answer!
But unfortunatelly, it didn’t work.
Where did you put the CSS?? Did you add !important to the end like this??
width: 100% !important;
I added them into the “Simple Custom CSS” plugin, downloaded from wordpress.org.
At the end, it looked like:
@media and (min-width: 992px) {
.bbpress .col-md-8 {
width: 100% !important;
}
}
and
@media and (min-width: 992px) {
.bbpress .col-md-8 {
width: 100% !important;
}
}
It is still not Full-Width 🙁
It should be this
@media and (min-width: 992px) {
.bbpress .col-md-8 {
width: 100% !important;
}
.bbpress .col-md-4 {
width: 0 !important;
display: none !important;
}
}
You can also try it without the media queries.
.bbpress .col-md-8 {
width: 100% !important;
}
.bbpress .col-md-4 {
width: 0 !important;
display: none !important;
}
OMG, it’s Full Width! This code resolved the problem:
.bbpress .col-md-8 {
width: 100% !important;
}
.bbpress .col-md-4 {
width: 0 !important;
display: none !important;
}
Thank you for helping me!
