Container Spacing Controls

This is a premium feature available with Astra Pro. Make sure you have activated the module from Appearance > Astra > Addons > 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 > Layout > 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.

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.

Note: If you have enabled the sidebar, you can manage to space for it from Appearance > Customize > Layout > 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.

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

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

Full Width / Contained Layout

In Full Width / Contained Layout Layout, Space Outside Container values will be applied as a margin to the container.

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 manage to space for it from Appearance > Customize > Layout > 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.

Not the solution you are looking for? Check other articles, or open a support ticket.