How to Manage Spacing Within a Container Using Astra?

No results found. Try again with different words?

Search must be at least 3 characters.

    Container Spacing Controls

    This is a premium feature available with Astra Pro Addon plugin. To use these Pro features, you need to have the Astra theme along with the Astra Pro Addon installed on your website.

    You can manage the spacing using the Spacing module available with Astra Pro. Please refer document, to begin with, the Spacing module.

    Make sure you have activated the module from Appearance > Astra Options > Spacing.

    A container is where the main content and information appears. You can manage inside spacing as well as outside spacing around the container. Know more about the container here.

    You can find settings under Appearance > Customize > Global > Container.

    Below are the spacing options for different container layouts –

    Boxed Layout

    In the Boxed Layout, Space Outside Container values will be applied as a margin to the container.
    Top space value will allow you to manage space between the header and container’s top edge. While bottom space value will allow you to manage space between footer and container bottom edge.

    Astra Pro - Outside Spacing with Boxed Layout, Astra 3.0+

    Space Inside Container will be applied as padding to the container. It will allow you to manage space between page/post content and the container edges.

    Astra Pro - Inside Spacing with Boxed Layout, Astra 3.0+

    Note: If you have enabled the sidebar, you can manage to space for it from Appearance > Customize > Sidebar.

    Content Boxed Layout

    In Content Boxed Layout, Space Outside Container values will be applied as a margin to the container.
    Top space value will allow you to manage space between the header and container’s top edge. While bottom space value will allow you to manage space between footer and container bottom edge.

    Astra Pro - Outside Spacing with Content Boxed Layout, Astra 3.0+

    Space Inside Container will be applied as padding to the container. It will allow you to manage space between page/post content and the container edges.

    Astra Pro - Inside Spacing with Content Boxed Layout, Astra 3.0+

    Note: If you have enabled the sidebar, you can find the spacing options for it at Appearance > Customize > Sidebar.

    Full Width / Contained Layout

    In Full Width / Contained Layout, Space Outside Container values will be applied as the top and the bottom margin to the container, but not on the sides.

    Astra Pro - Outside Spacing with Full Width Layout, Astra 3.0+

    In this layout, the Space Inside Container will not be applied as content will be stretched to the container’s edges.

    Note: If you have enabled the sidebar, you can find the spacing options for it at Appearance > Customize > Sidebar.

    Full Width / Stretched Layout

    In Full Width / Stretched Layout, both Space Outside Container and Space Inside Container will not show any changes, as the container along with the content will be stretched the edge to edge to the width of the browser.

    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.