Changing max width on individual post

[kofflerarts]

Hello! I am wondering if you could provide me with a code snippet to overwrite the max width on a single post.

I have seen solutions for overwriting the max width for all posts, all pages, or a single page, but nothing has worked for me to overwrite the max width of an individual post.

Thanks very much!

[marc_a]

Hi @addyjohnson,

Thanks for reaching out.

If you want to change the max-width of your individual post, you need to add some custom CSS that targeting only the post page, though I don’t want to recommend to change it with custom CSS because it might raise some responsive issue and we can’t help you to fix it due to custom CSS but I will still guide on how to change your max-width on the individual page.

If you want to change the max-width of your content container:

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

then if you want to change the max-width of your content inside the container.

.single-post .x-main {
    max-width: 1200px;
}

Just change the value with your desire max-width, please note that custom development is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third-party developer.

Hope that helps.

Thank you.