Edit Posts layout

[Growthmechanics]

Hi there!

What is the easiest way to edit the layout of the posts using X Theme?

The site width is just too broad for a post (1200px) but I need that width for my static pages.

Thank you for your help!

[lely]

Hi Niels,

We can add a custom CSS specific for post on Theme Options > Global CSS. See this sample: https://screencast-o-matic.com/watch/cqXYXNUu1l

.single-post .x-container.max.width.offset {
    max-width: 800px;
}

For more CSS guidelines, see this:

• 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

Hope this helps.

[Growthmechanics]

Thank you for your swift response!

Unfortunately I cannot make it target only the post and not the header and featured image. What am I doing wrong?

I’m trying this now for: https://nielsvandenbergh.com/how-to-start-investing/

Please advise, thank you!

[rad]

Hi Niels,

In that case, please change that CSS to this

.single-post .entry-wrap > .x-container.max.width,
.single-post .x-main > .x-container.max.width {
    max-width: 800px;
}

Hope this helps.

[Growthmechanics]

Nope doesn’t do a thing!

How can I make this easier for you? I can give you access to Cornerstone?

Thank you

[christian]

Hey Niels,

The code provided by Rad would work provided that you copied it completely and there’s no syntax error. You can check all your CSS in sites like http://csslint.net/

Remember that you also need to place the code in Theme Options > CSS.

If that does not work, please give us WordPress Admin access in a Secure Note so we can check if there’s an issue with the Global CSS.

Thanks.

[Growthmechanics]

Please forgive me! I put it in the css of the homepage instead of the css in theme options!

Thank you VERY much. really appreciate the swift support!

Have a nice day

[matt]

You’re very welcome, Niels. Glad you got it sorted!