Fullwidth project page

Hi there,

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?

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

Sincerely,
Keenan

Hello Keenan,

Can you please provide some explanatory screenshots?

You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online screenshot services.

Kind Regards, Roman.

Hi Roman,

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.

Sincerely,
Keenan

Okay Keenan,

Thank you for the screenshots.

Please try to use the following CSS code.

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 div#primary {
    width: 100%;
}

body.page-template-single-project {
    overflow-x: hidden;
}

body.page-template-single-project div#primary div.single-thumb img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

Kind Regards, Roman.

Hi @roman !

This is awesome, it works great, thank you for sharing the code!

Could I please ask you to provide the code that would do the same thing not with the Projects Page, but with the Services Page? To make it full-width.

Thank you so much!
Veronika

Hello Veronika,

Please create a new topic for your issue to keep forum in good order and make it easier to help you, you can include a link to this topic for reference. I’ll close this topic to avoid confusion.

Kind Regards, Roman.