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%; }


That's it! Your blog posts are now full width.

See something inaccurate? Let us know