Remove blog theme's sidebar - How-to and Troubleshooting - wpForo 2.0

RE: Remove blog theme's sidebar

srtalop — Thu, 29 Nov 2018 17:33:10 +0000

Thanks a lot for your time, this code worked perfectly!!

RE: Remove blog theme's sidebar

Sofy — Thu, 29 Nov 2018 09:15:24 +0000

Hi srtalop,

Please remove the code, I've provided in the previous post and add this one.

.vce-sid-none .vce-page .entry-content, .vce-sid-none .vce-page .entry-title-page, .error404 .entry-content {
    width: 100% !important;
    max-width: 100% !important;
}

Please watch the video to understand where does this problem come from:

http://www.screencast.com/t/DyQgF3fAh

RE: Remove blog theme's sidebar

srtalop — Wed, 28 Nov 2018 10:04:53 +0000

Hi, I pasted your code in the settings and deleted cache and it is still the same...

RE: Remove blog theme's sidebar

Sofy — Wed, 28 Nov 2018 09:21:07 +0000

This comes from your WordPress Theme page design, it set 700px for width.

Try this CSS code, navigate to Dashboard > Forums > Settings > Styles admin page, put it in Custom CSS Code textarea.

#main article .vce-sid-none .vce-page .entry-content, .vce-sid-none .vce-page .entry-title-page, .error404 .entry-content {
   width: 100% !important;
   max-width: 100% !important;
}

Please delete all caches, press CTRL+F5 (twice) on frontend before checking.

RE: Remove blog theme's sidebar

srtalop — Tue, 27 Nov 2018 21:35:45 +0000

Hi, I have a similar problem, as I have set the page to full width and still cannot manage to have it 100%, with or without wpforo sidebars. Please see here: http://www.barriosalvadormadrid.com/foro/

Thanks.

RE: Remove blog theme's sidebar

Robert — Thu, 15 Nov 2018 08:16:50 +0000

I see all looks good. I don't see any reason to make any changes and the idea to move it to the right side is not good. So it's better to leave it like it is now. The forum is centered and it's wide. So let's just stop here.

RE: Remove blog theme's sidebar

Fredrikwordpress — Wed, 14 Nov 2018 16:36:52 +0000

Thanks. I tried that code, but then it messed up the rest of the webpage. How do I make it so that it only impact the forum pages? :)

RE: Remove blog theme's sidebar

Sofy — Wed, 14 Nov 2018 13:08:57 +0000

Hi @fredrikwordpress,

You've added CSS with a wrong value. You've written:

width: 110%;

instead of

width: 100%;

Then add the following CSS:

.inner-wrap {
   max-width: 94% !important;
}

Delete all caches and check again.

CSS.png

RE: Remove blog theme's sidebar

Fredrikwordpress — Tue, 13 Nov 2018 18:54:48 +0000

Hey. Thanks. That worked great, but I think it ended up being slightly to the right of the other pages although it could be my imagination. Is there any way to move the whole forum to the left?

https://www.nyurban.no/forum/#

Or what do you think? Does it appear to be located too far to the right?

RE: Remove blog theme's sidebar

Robert — Tue, 13 Nov 2018 09:08:14 +0000

Posted by: Fredrikwordpress
I was just wondering whether it was possible to get the forum to be wider than this?
https://www.nyurban.no/forum/?preview=true#
I would ideally have wanted it to be as wide as possible, but I can't figure out how do edit it.

Hi @fredrikwordpress,

This is your theme width and it wraps wpForo forum area in 70% width of #primary div. You can fix this using a custom CSS. Please put this CSS code in Dashboard > Forums > Settings > Styles > Custom CSS Code textarea. Save it, delete all caches, navigate to forum front-end and press Ctrl+F5 to load css code changes.

body.wpforo #primary {
      float: none;
      width: 100%;
}