Docs

[kleins99]

Is there any way to set PAGES to use the fullwidth while keeping the rest of my site to the boxed layout? If not, maybe there’s something else I can do to achieve what I want?

I have no sidebar set on PAGES, but the width of the page content never uses that unused sidebar space, and I want it to. Here is the page I want to change, for example: http://stephanieklein.com/press/portfolio/ (attached screenshot of what I prefer it look like)

[Darshana]

Hi there,

Thanks for writing in! The Site Layout of your site determines the overall look of everything, “fullwidth” or “boxed”.

You have the following custom CSS rule which makes the above issue.

.x-main {
    width: 70%;
}

You can add the following CSS rules under Custom > CSS in the Customizer.

.page-id-16074 .x-main {
    width: 100% !important;
}

.page-id-16074 .x-sidebar.right {
    display: none !important;
}

Hope that helps.

[kleins99]

Thank you, that worked! Question: does my having this code…

.x-main {
width: 70%;
}

… does this code need to be there in order for my sidebars to have space to appear?

[Paul R]

Hi,

You need to remove that code in order for the pages to occupy the space of the sidebar.

Please note that as long as you have not selected full width as your site layout, you can change your page layout individually under page attributes.

http://screencast.com/t/6JVmOGk0xM

Thanks

[kleins99]

Thank you! All’s good now that I know that!

[Lely]

You’re welcome!

Cheers!

[Author]

Posts