Cannot make page full width

[sarahlouisewaterhouse]

Hi, I seem to have lost the ability to dictate the page template on the main editing pages throughout the site. I can go round this by finding it on quick edit. However I have tried all the various ways of making a page full width without a container and it isn’t working. I still have a container on a particular page where I have put an essential grid. The container is chopping off the images at each end of the grid.
Please can you help me sort this issue out. I would like the grid to run the full width of the page
without the container chopping off the ends of the grid.

I’ll send the URL in a private note to follow
Thanks

[jade]

Hi there,

It seems that you have an incompatible version of X and Cornerstone which will present some issues. Please update Cornerstone to the latest version as well.

As for making the page fullwidth, please set the Page Template to a No Container template.

Hope this helps.

[jackiejoh]

Hi there, I’d love some help with this too! Here’s the page I’d like to make full width. http://yourwordselectric.com/your-magnetic-copy-playbook/

Also, I’d like to eliminate the spaces between sections. Can you help with this?

Thanks so much.

[ruenel]

Hello There,

Thanks for updating this thread.

Your theme’s page template has set a maximum width for the landing page. If you want to override it and make it fullwidth, please edit your page back in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.page-id-4232.atmosphere-landing .site-container {
    width: 100%;
    max-width: 100%;
} 

.page-id-4232.atmosphere-landing .site-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

You can eliminate the spaces in between the sections by editing each section settings and adjust the top and bottom margin of the respective sections.

Hope this helps.

[jackiejoh]

Thank you! The code worked perfectly I really appreciate it. I’ve been adjusting the margins but the spacing is still screwy. It looks great in the editor but then when I look at the preview or live page they are off. Any thoughts?

[friech]

Hi Jackiejoh,

Please adjust the Section’s top and bottom padding as well. Then clear your caching plugin or browser’s cache after you made the changes.

Cheers!

[jackiejoh]

Thanks tons! I got the margins figured out. Now another question

I’m trying to make a duplicate of the page. I saved it as a template and tried to load it into a new page.

The new page doesn’t come out full width. The css from above is in there but not working for some reason.

Heres’ the link: http://yourwordselectric.com/?page_id=4283&preview=true

Thanks for your help.

[ruenel]

Hello There,

Thanks for updating in! You should be using this code in your new page:

.page-id-4283 .site-container {
    width: 100%;
    max-width: 100%;
} 

.page-id-4283 .site-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

Take note that the id in code has change because this is a new page.

Hope this helps.

[jackiejoh]

Worked like a charm. Thanks so much!

[nico]

Hi @jackiejoh,

Happy to hear that.

Feel free to ask us again.

Thanks.

[sarahlouisewaterhouse]

Hi, thanks, I updated the cornerstone. But I’m afraid that made no difference.
You’ve told me to make the page blank with no container. I explained clearly at the beginning of my message that the option for doing that has disappeared from my pages and that the only way to do it is in quick edit, which isn’t working either.
Please can you address this question. I have updated the theme and plugins.

[christian]

Hey Sarah,

You’re using the Boxed Site Layout in Theme Options > Layout and Design. You can’t turn any page to span fullwidth if your whole site is boxed. You need to switch to Fullwidth and by then you will see your page span fullwidth of the screen because it’s already set to No Container template.

Regarding your ability to select a page template in the page editor, regretfully, that is not the theme’s doing. You will need to have a third party developer investigate why that happened.

Thanks.