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 as 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 meta settings. These are page-specific settings that have high priority than customizer settings.
Container Width
Content will be display within this width. You can try width in combination with container layout to create different views.
Narrow Container Width
A newly added narrow container width slider is available in Astra Version 4.0.0 specifically for the Narrow Width Container Layout, called “Narrow Container Width”. This will adjust the narrow container width for Single Blog Posts, Blog Archives & Pages.
The width set globally through the “Narrow Container Width” slider control, will set the value for the content width across the Single Blog Posts, Blog Archives & Pages (provided that those post types are set to Narrow Width Layout). By default value of the Narrow Width Container will be 750px, which will range from 400px to 1000px.
Container Layout
Astra offers 3 types of Containers Layout. These are global containers that will be applied to the entire website. But you can set different containers’ layout for different post types with Dedicated Container Layout. To have more control over container layout on each page you can refer page meta settings.
All container layout types are explained in the following links –
- Normal
- Narrow Width
- Full Width
Dedicated Container Layout
The above 5 types of container layouts are separately available for the following post types. That means if you choose default layout as Full Width/Stretched, and for Archives you choose the Boxed option, then the entire site except archive pages will have Full Width/Stretched layout while Archive pages will have Boxed layout.
- Page Layout – For only pages
- Blog Post Layout – For blog archive and single blog post pages
- Archives Layout – All archives
Astra has integration with a few popular plugins. When those plugins are installed you will get dedicated container layout options for those plugin pages too. Below is the list of plugins that has integration with Astra –
- WooCommerce
- LifterLMS
- LearnDash
- EDD (Easy Digital Downloads)
Note:
We provide more advanced options in dedicated modules of Astra Pro Addon plugin. And such options are available in dedicated modules of Astra Pro Addon plugin. For e.g.
- Container layout can be overridden by the page meta settings. The priority of the meta settings is higher than the customizer settings. Read more about Meta Settings here.
- The width of the container depends on the Site Layout settings.
