Fullwidth Project page

I am currently using the Astrid: Projects widget on a page but have no option to change it to full width.

Is there a way to remove the side bar entirely from the site or a way to make a projects page full width with no side bar?

Webpage: http://mbat.avochoc.com/21-23-february-2017-finance-for-non-financial-managers/

The first screen: http://www.dropbox.com/s/4kaovdv0atu8fal/Screen%20Shot%202016-10-27%20at%202.10.57%20PM.png?dl=0

All content has shifted to the left when the page template is set to ASTRID: PROJECTS. I suppose that the project template comes standard with the side bar as you’ll see has now shifted to the bottom of the page. I have been using site origin plugins which I can set to full width but it’s being obstructed by the side bar I think.

Second screen: http://www.dropbox.com/s/3n9tcmaxtvsy5yn/Screen%20Shot%202016-10-27%20at%202.11.16%20PM.png?dl=0

The second screen above, is a normal page set with the “full width template” and works perfectly.


Hello Keenan,

Please try to use the following CSS code in addition to code in this topic in order to hide sidebar on project pages.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

body.page-template-single-project aside#secondary {
    display: none;

Kind Regards, Roman.

P. S.

WooSidebars plugin can give you much more control over your sidebar.