No results found. Try again with different words?

Search must be at least 3 characters.

Container Spacing Controls

Sidebar Image

Did not find a solution? We are here to help you succeed.

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 by navigating to Astra > Dashboard

A container is where the main content and information appear. 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 the 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 > 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 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 find the spacing options for it at Appearance > Customize > Sidebar.

Full Width / Contained Layout

For Posts: 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.

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.

For Pages with a right or left sidebar and Full Width / Contained Layout enabled, Space Outside Container values will be applied as padding to the container. It will allow you to manage space between the page content and the container edges.

For Pages with No Sidebar and Full Width / Contained Layout enabled, Space Outside Container values will be applied as the top and the bottom margin to the container, but not on the sides.

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?
Sidebar Image

Did not find a solution? We are here to help you succeed.

Related Docs

Join 1,653,898+ Happy Site Owners Using Astra

Whether you are a beginner, small business owner, or professional web developer, Astra provides all the tools you need to easily build your beautiful WordPress website.

Download is Just A Click Away!

Membership Retention Checklist Download

REWIND

YEAR IN REVIEW

Download is Just A Click Away!

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

Download Free Astra Theme - Modal Popup Form
Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

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

Download Free Astra Theme - Modal Popup Form