Narrow Width – Container Layout

Introducing the all-new Narrow Width Container Layout with Astra 4.0.0. The Narrow Width Container Layout primarily provides a modern & minimalistic layout for your Blogs & Pages with a predefined width of 750px. The Narrow Width Container Layout can either be applied globally or individually for Blogs, Pages, Archives, or Custom Post Types through the customizer settings or page/post meta settings.

Additionally, the predefined width is fully customizable through our Narrow Container Width slider option. The width set through this slider will commonly apply to all the Blogs, Pages, Archives & Custom Post Types.

Key Features:

1. Provides a narrow width to the content for Single Blog Posts, Blog Archives & Pages.
2. The width can be specifically adjusted for Narrow Width Container through Customiser → Global → Container → Narrow Container Width. (Default – 750px, Min – 400px, Max – 1000px)
3. This container does not come with a sidebar, meaning when we set the Narrow Width Layout for any posts, or pages, the sidebar will not be displayed.
4. Ideal for a clean, modern UI experience for Blogs & Pages.

Global Container in Astra Theme

A container is an area where we display the content. In general, the container encloses the whole page.

The content area and the sidebar are parts of the container. The content area is technically called the primary container, whereas the sidebar is the secondary container.

You can apply container layouts globally for the entire website through the Customizer option at Appearance → Customizer → Global → Container.

Different containers can be applied for individual pages and posts from the meta settings. These are page-specific settings that have higher priority than customizer settings.

What is Container Width?

Content will be displayed within this width. You can try width in combination with container layout to create different views.

What is Container Layout?

Prior to Astra Version 4.0.0, Astra offered 4 types of Container Layouts only. These are global containers that will be applied to the entire website. But you can set different containers’ layouts for different post types with Dedicated Container Layout.

With the Astra Version 4.0.0, you can access the Narrow Container Width option for the Narrow Width Container Layout. This will adjust the narrow container width for Pages, Single Blog Posts, and Blog/ Archive Pages.

The width set globally via the “Narrow Container Width” will apply to the content width across Single Blog Posts, Blog Archives & Pages (provided those post types are set to Narrow Width Layout). By default, the Narrow Width Container will have a value of 750px, with a range of 400px to 1000px.

Dedicated Container Layout

All types of container layouts are separately available for the following post types. That means if you choose the default layout as Full Width, and for Single Posts you choose the Narrow Width option, then the entire site, except Single Posts, will have a Full Width layout while Single Posts will have a Narrow Width layout.

• Page Layout – For only pages
• Single Post Layout – For single blog post pages
• Blog/ Archive Layout – For blog archive pages

The default layout for the Single Posts is Narrow Width. Hence, you may not see the sidebar on the Single Posts. You can modify it by navigating to Customize >> Post Types >> Single Post.

Check this doc for a detailed guide on the Container Layouts in Astra: Astra Theme Container Layouts