Create Full Width Blog Posts
In this article, we're going to explain how to achieve full width blog posts.
By adding following code to the custom css (X/Pro > Theme Options > CSS) section, you will achieve a full width blog post layout.
.single-post .x-main.left {
width: 100%;
max-width: none;
}
.single-post aside.x-sidebar.right {
display: none;
}
.single-post .entry-content {
padding: 0 !important;
}
.single-post .entry-wrap .x-container.max {
min-width: 100%;
width: 100%;
}Summary
That's it! Your blog posts are now full width.
See something inaccurate? Let us know