How to reduce the width of the content area but NOT the navigation?

[Psychra]

I had the sidebar of my posts disabled. Now, my problem is the width of my contents is too wide. I don’t want this.

I want the content area of my blog to be:

1. centered (meaning not in the left or right)
2. I want to reduce the width of the content area BUT NOT the navigation menu width.

How do I do this? Thanks!

[lely]

Hi @Sheina,

Please try adding this custom CSS on Theme Options > Global CSS:

.single-post .x-container.main.width {
    max-width: 1000px; /*Adjust this value accordingly*/
    width: 100%;
}
.single-post .x-main.left {
    width: 100%;
}

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

On you other post, if you will remove the background image from Theme Options, you wont see the gray part on the right side of the page.