[Resolved] Adjusting site width from full screen to some white space on the left and right

[IT]

Hello, I’m having trouble changing the width of my site. My current site takes up the full width of every screen it’s on, but I’d like to have some white space on either side. I’m unable to find a setting for this in appearance > customize > layout. Am I missing something?

Here’s my site: http://34.218.28.162/
Here’s the site I’m attempting to re-create: https://test.kalantari.es/

Thank you

[Fernando]

Hi IT,

You should be able to modify the Container Width and the Content Padding through Appearance > Customize > Layout > Container.

If changing those aren’t reflecting on your website, while viewing a full width page in your site, hover on Elements in the admin bar, and check if there’s a Layout Element active?: https://share.getcloudapp.com/BluGdlJD

If there is, check if you have it set there: https://docs.generatepress.com/article/layout-element-overview/#content-1

Kindly let us know.

[IT]

Hi, I’ve experimented with changing both the container size and element widths, but nothing seems to change. I’m not sure if I’m missing something obvious. Not sure if you can take a quick look

[Fernando]

I see. You’ll need custom code to achieve such a look.

Try adding this CSS in Appearance > Customize > Additional CSS:

body {
    width: 90%;
    margin-left:auto;
    margin-right:auto;
}

Kindly let us know how it goes.

[IT]

Hi Fernando,

That worked like a charm. Thank you so much for your assistance!

[Fernando]

You’re welcome IT!

[Author]

Posts