Docs

[rslogue]

What is the best way to customize the blog pages/posts so that they are a single column in the center of the page? Basically providing ample white space on either side even though the global site setting is for full width.

[Friech]

Hi There,

Thanks for writing in! You can reduce the width of your site. That is on Customizer > Layout and Design > Site Width.

If this does not work, please provide us the site URL.

Cheers!

[rslogue]

This reply has been marked as private.

[Darshana]

Hi there,

Can you please try adding the following CSS rules and see if that what you require? You can add this under Custom > CSS in the Customizer.

.blog .site {
    max-width: 1000px;
}

.single-post .site {
    max-width: 1000px;
}

Hope that helps.

[rslogue]

This reply has been marked as private.

[rslogue]

This reply has been marked as private.

[Paul R]

Hi,

You can try this code instead.

.blog .x-main.full {
    max-width: 1000px;
    margin:0 auto;
}

.single-post .x-main.full {
    max-width: 1000px;
    margin:0 auto;
}

Hope that helps.

[rslogue]

This reply has been marked as private.

[Rahul]

Glad it worked for you.

Let us know if we can help with anything else.

Thank You.

[Author]

Posts