Changing the content area of a single page

Hi adieu. In your page editor “Layout” option select the full page layout. Then add this to your custom CSS:

.container-inner {
    max-width: 900px;
}

Hi bdbrown,

It doesn’t seem to work.

Pages without columns view correctly, except there are gray boxes where the (removed) sidebars would appear if there were sidebars.

Pages will sidebars are squeezed down so the whole page is 900px wide. The content area is a skinny column down the middle.

Thanks for the help.

I would like to create a single page with no sidebars, and with a content area of 900px that is centered under the header

This is what that looks like on my test system: https://ovo.li/Hpy0al

That’s interesting. I like the way yours works!

Tried it again. Same result as before

I will keep trying things. Maybe there is something I am doing wrong.

Thanks for your help.

Do you have a sample page on your site?

The problem is that if I create a sample page it seems to affect all other pages on the site. Is there a way to apply your instructions without it affecting other pages?

I select the full page view.

In Appearance/Edit CSS I place:

.container-inner {
max-width: 900px;
}

and click “save stylesheet”.

I also tried to save your code in my child theme, but nothing happened ??

This is a screenshot of my homepage with your code.

Sure, you can target the individual pages using CSS. Each page has a unique class name in the body tag. For example, your “Shop for guides” page is page-id-471. Put that in front of the other class name like so:

.page-id-471 .container-inner {
    max-width: 900px;
}

Hi

You can find a page here.

https://wp.me/P7AeN3-gA

Add this to your custom CSS:

.boxed #page {
    background: #fff;
}
.boxed #wrapper {
    box-shadow: none;
}

There are also other thin borders and box-shadows that can be removed if desired.

I think that did it.

https://wp.me/P7AeN3-gA

Much appreciated. You’re the best.

Will get back to you if the borders and shadows bother me.

Many thanks.

You’re welcome; glad it’s working.