Remove sidebar from Forum page(s)

[Mjuuzike]

1st I have to say that I am a complete beginner who does not know much about this thing called programming. All I have done is googled but that I could do only so much.

I need a sidebar to disappear only from the Forum page. So far threw in a code in the style sheet and it did work on the Forum open page. https://blackhand.piparmyndi.com/forums/

BUT the problem continues when going inside the forum and to all of its topics etc.

How could I make it so that the change would apply too all of the Forum?

The code that disabled the sidebar from the Forum opening page:

.forum-archive #sidebar {
display: none
}
.forum-archive #left_area {
float: none;
margin-right: 0;
width: 100%;
}
.forum-arhcive #home-sections:before,
.forum-arhcive #main_content:before {
border-left: none;
}
.forum-archive #main_content:before {
border-color: #FFFFFF;
}
.forum-archive .entry,
.forum-archive #comment-wrap {
padding: 0 !important;
}

[Balint Toth]

Hello!

Try to replace the .forum-archive to .forum everywhere in your code. This should solve your issue on all forum pages.

If you have any other questions, just feel free to ask them here.

Cheers,
Toth Balint BT

[Mjuuzike]

Thank you, it did solve some of the inside pages, but undid the front page and the post page also is still with a bar.

[respectyoda]

I would have an answer for you, but your website is not loading.

[Mjuuzike]

Works like a charm to me ??

[Balint Toth]

I can open your site just fine too…

Sorry, I see that now.

Try this way:

.forum-archive #sidebar, .forum #sidebar {
display: none
}
.forum-archive #left_area, .forum #left-area {
float: none;
margin-right: 0;
width: 100%;
}
.forum-arhcive #home-sections:before,
.forum-arhcive #main_content:before,
.forum #home-sections:before,
.forum #main_content:before {
border-left: none;
}
.forum-archive #main_content:before,
.forum #main_content:before {
border-color: #FFFFFF;
}
.forum-archive .entry,
.forum-archive #comment-wrap,
.forum .entry,
.forum #comment-wrap {
padding: 0 !important;
}

Let me know if it works.

Toth Balint BT

[Mjuuzike]

Thank you again ??

The opening is good now
– level down – sidebar gone but not full width
– topics – sidebar gone but not full width
– single post/topic – no changes

Tried also to look around in the forum editor, but there is so many things that I don’t know what even to look for.

What I did find useful maybe is a post from one other topic:

“add the following to the CSS insserts (where you use your page ID)
body.page-id-3 #menu1 {display: none;}”

Maybe my problem is that I actually didn’t remove the sidebar but in a way hid it? But that thing above explains how to remove it from one page altogether. Though… I do not understand a word the guy is trying to say.

[Balint Toth]

No, basically you did just the same thing as the guy says from the other topic (display:none). This is hiding the sidebar, but it is considered the best solution for beginners (no offense!) because completely removing it would need digging in the php code, which can easily break your site if you do something wrong.

Please add this CSS code to our previous ones, and let me know what is left ??

.forum #left_area, .topic #left_area {
	width: 100%;
}

.topic #sidebar {
	display: none;
}

.topic #home-sections:before, .topic #main_content:before {
	border-left: none;
}

Toth Balint BT

[Mjuuzike]

I downloaded Widget Logic and added !is_bbpress() to all of the widegets. What it does is that it removes all of the text from the sidebar, but the sidebar’s space still remains = not what I would want ??

[Balint Toth]

Yes, because if you don’t have any widgets to show, the space remains… Try to add my code posted above.

[Mjuuzike]

It works on all pages – I’d hug you now ??

But maybe a very small “beauty fix”? ?? On all the pages the forum starts nicely from the left side but for some reason starts more further on topic page. Maybe a fix for that also. I tried myself to add this but didn’t work:

.topice #left_area, {
float: none;
margin-right: 0;
width: 100%;

[respectyoda]

Get rid of that comma after #left_area. Commas are only used to separate elements and in your case, you are only targeting one. You also misspelled topic.

[Mjuuzike]

Nah, doesn’t work, it breaks the whole page.

[Balint Toth]

Haha, thank you ?? I am really happy that I could help you.

Beauty fix right here:

.topic .entry {
	padding-left: 0px!important;
}

If you have any more questions, just post them here and I am happy to help.

Greetings,
Toth Balint BT

[Mjuuzike]

Added the last fix this morning. Now all is perfect!

Thank you again very very much ??

[calo1020]

Hello,

Can someone please help remove the sidebar that appears twice on my page?
Attached is the “page” and then the ‘edit page”
https://https://www.wingedfootmedia.com/?page_id=7
https://www.wingedfootmedia.com/wp-admin/post.php?post=7&action=edit

I am a beginner to WordPress this is my first www.

Thank you-