How to Manage Container Width and Layout in Astra?

No results found. Try again with different words?

Search must be at least 3 characters.

    Global Container – 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 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.

    Container Width, Astra 3.0+

    Container Layout

    Astra offers 4 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 –

    Dedicated Container Layout

    The above 4 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
    Container Layout, Astra 3.0+

    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)
    Container - WooCommerce Layout, Astra 3.0+


    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.

    1. 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.
    2. The width of the container depends on the Site Layout settings.

    Was this article helpful?
    Did not find a solution? We are here to help you succeed.

    Related Docs

    Scroll to Top

    Download is Just A Click Away!

    Be among the first to try the beta version of Astra’s Header Footer Builder. Filling the form will ensure you’ll be the first to learn about updates and features.

    Download is Just A Click Away!

    Enter your email address and be the first to learn about updates and new features.