Docs

[Naturalife]

I’d like to be able to have my blog content (not the text, but the whole page) centered like many modern blogs do.

I have plenty of space on the right side of my widgets (sidebar) to shift everything right and center my content.

Is there any easy way to do this?

I tried the solution posted here: https://community.theme.co/forums/topic/centering-blog-content/

But it didn’t work for me.

Thanks ahead of time!

Website: http://naturalife.org

[Rahul]

Hi There,

Greetings! thanks for writing in!

You can add this under Custom > CSS in the Customizer.

.single .x-main {
    width: 70% !important;
    margin: 0 auto;
}

Hope this helps.

[Naturalife]

I had to remove the code because it made the mobile view look odd and didn’t shift the content and its container to the center of the entire page.

Thanks anyways 🙂

[Friech]

Hi There,

We could wrap it on a media query so it wont affect the mobile view.

@media (min-width:  768px) {
	.single .x-main {
    width: 70% !important;
    margin: 0 auto;
}
}

Thanks.

[Author]

Posts