Center site with white space on both sides

[apmartinelli]

Hello, I do not have any experience with CSS and am relatively new to website development. I am trying to find settings that allow me to center my site and allow white space (padding) on both sides. I do not have sidebars, but eventually I may add them which may require me to make some additional adjustments to the settings.

How can I have both the left and right side of my site padded?
Is it possible to have main content padded, but the banner of each page full width?

Thank you
Paula

[ruenel]

Hello Paula,

Thanks for writing in! If you do not want to have a full site layout and just display a blank whitespace on both sides of the page, simply navigation to X > Theme Options > Layout and Design > Site Layout and select “Boxed”. This should center your website leaving a space on both sides of the page. If you want to increase the content width of your site, you should be able to adjust that by increasing the “Site Max Width”.

For more details about the Layout and Design options, please check out this documentation:

• https://theme.co/docs/layout-and-design

Hope this helps.

[apmartinelli]

Thank you @ruenel! This worked great. I selected the Boxed layout and the site looks great now. I am still not sure that it is possible to have a banner picure full width and the rest of the content with space on both sides (other than columns for spacing.

I greatly appreciate your help.
Cheers,
Paula

[rad]

We’re glad we’re able to help and you’re most welcome!