Set max-width for pages without a container

I am not using a container on some pages, but I would still like to set the max width for the content area. I’m accomplishing it now by setting a max-width for each section with automatic margins, but I’m sure there is a way to do this at the page level. Can you please let me know the css for this? Thanks!

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

https://www.ponydreams.com/meet-indie/

On this page, I’ve set the sections to a max-width of 850px. I’d like to make that change to other pages, but am assuming their is a more efficient way to do it.

Hi there,

That’s okay too since it’s max-width, if you set it to width then that’s wrong. What you did is just okay since it’s specific to a section.

You shouldn’t change max-width globally when your target are few.

Thanks!

So that’s not very helpful. I don’t want to have to do it section by section. I’d like know how to set it for a page.

Hi again,

You can do it using page ID if you need to implement it on a specific page, for example for this page https://www.ponydreams.com/meet-indie/ you can use this css:

.page-id-501 .x-section {
    max-width: 1100px;
}

max-width will be applied on all of your sections on that particular page. To find out find post / page ID’s please see https://theme.co/apex/forum/t/setup-how-to-locate-post-ids/59

Hope this helps!

Thanks. Is there a way to do it within the page CSS option so you don’t have to go to the customizer and you don’t need to worry about the page id?

Hi again,

Yes that is possible. In Cornerstone click on CSS button (see screenshot) and add your CSS in there, this will be applied to that page only.

Cheers!