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

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

It provides a spacing option for Footer Widgets as well as Footer Bar.

Footer Widgets

The spacing option for the footer widget will be available when you activate the Footer Widgets addon from Appearance > Astra Options > Footer Widgets.

To access these settings navigate to Appearance > Footer > Footer Widgets. Footer Widgets Padding will add padding for the footer from all sides.

Note: To add widgets to your Footer, navigate to Appearance > Widgets and add the needed widgets to the Footer Widget Areas.

Footer Bar

It will add padding to the main footer (copyright area) from all sides.

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

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

You will get options to set spacing for posts and pagination on blog/archive pages. You can find settings under Appearance > Customize > Blog > Blog / Archive.

Below are the available options –

Post Pagination Space

It will add padding around the pagination option from all sides.

Post Outside Space

It will add a margin to the individual post from all sides.

Post Inside Space

It will add padding for the individual post from all sides.

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

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

You can find settings under Appearance > Customize > Sidebar.

Below are the available options-

Sidebar Outside Space

This will add space around the widgets in the sidebar.

• The top spacing value will add a margin at the top.
• The bottom spacing value will add a bottom margin for the whole sidebar as well as the bottom margin for individual widget inside the sidebar.
• Left and Right space will add padding to the left and right side of the whole sidebar.

Sidebar Inside Space

It will add padding to the individual widget from all sides.

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

In this, you get an option to set spacing for the header layout. Enabling Spacing Addon will add options to following header layout –

• Primary Header
• Primary Menu
• Above Header
• Below Header
• Sticky Header

Primary Header

Option to set spacing for Primary Header and Primary Menu/Submenu can be found under Appearance > Customize > Layout > Primary Header

• Header Space – A primary header is a part where your site identity and primary navigation menu appears. You can set spacing around the content in it.

Primary Menu

• Menu Space – Primary Menu is a navigation menu appears inside the primary header. The spacing value set for this will be applied as padding around each menu item. It allows you to adjust space between each menu item.
• Submenu Space – The spacing value set for Primary Submenu will be applied as padding around each submenu item.

Above Header

When you activate Header Sections Addons from Appearance > Astra > Addons > Header Sections and enable Above Header on the site, you can see this option. You can read more about Header Sections Addon from here.

Setting will be available under Appearance > Customize > Header > Above Header
Above Header Space will add padding to the above header section from all sides.

When you select the Menu option for either section in the above header, spacing options for the above header menu and submenu are visible. Padding will be applied for the individual menu item with this.

We provide more styling options in dedicated modules of Astra Pro Addon plugin. Learn more about the Header Sections module of Astra Pro Addon.

Below Header

When you activate Header Sections Addons from Appearance > Astra > Addons > Header Sections and enable Below Header on site, you can see this option. You can read more about Header Sections Addon from here.

The setting will be available under Appearance > Customize > Header > Below Header

Below Header Space will add padding to below header section from all sides.

When you select Menu option for either section in below header, spacing options for below header menu and submenu are visible. Padding will be applied for the individual menu item with this.

We provide more styling options in dedicated modules of Astra Pro Addon plugin. Learn more about the Header Sections module of Astra Pro Addon.

Sticky Header

If you have activated Sticky Header Addon from Appearance > Astra > Addons > Sticky Header and using it on your site, you can manage its spacing.

Spacing values set for Site Identity, Primary Header and Primary Menu/Submenu will be applied to Sticky Header by default.

Make a note, when you enable Shrink Effect for Sticky Header, top and bottom spacing for Site Identity, Primary Header, and Primary Menu/Submenu will be removed. While Left and Right spacing will remain as it is.

We provide more styling options in dedicated modules of Astra Pro Addon plugin. Learn more about the Sticky Header module of Astra Pro Addon.

Spacing Addon allows you to manage the margin and padding for various elements available with Astra.
Default values for the theme will be overwritten by the values entered with Spacing Addon settings.

Quick Steps on How to Set Margins and Padding Using the Spacing Addon Module
Step 1: Make sure you have the Astra Pro Addon plugin installed and activated. How to Install Astra Pro Addon plugin?
Step 2: Activate the module from the Astra Options under the WordPress Dashboard > Appearance > Astra Options
Step 3: Visit customizer [ Appearance > Astra Options > Spacing ] to set margins and padding

After activating the module, spacing settings for each module will appear under particular element settings in Appearance > Customize

Spacing controls overview

The following controls will be included in the spacing option.

Spacing Units

You can select a spacing unit from PX (pixels), EM (Relative to the font-size of the element), % (percentage) as per requirement.

Responsive spacing options

You can set different spacing values for responsive devices. Choose a device and set spacing values accordingly
Top, Right, Bottom, Left Spacing
You get an option to add spacing from all sides to the element.

Connector

The link icon you see next to the above spacing control is a connector. When you click it, it will connect all 4 (Top, Right, Bottom, Left) spacing options, allowing you to apply the same spacing value for all 4 sides at the same time by entering a value in any of the 4 spaces.
When you deselect it, you will be able to add different spacing values for each side separately.

The spacing addon will add a spacing control option to the following elements in the customizer.

• Site Identity
• Container
• Header
• Blog / Archive
• Sidebar
• Footer

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

This will allow you to add spacing around site identities like Logo, Site Title & Tagline.

You can find settings under Appearance > Customize > Header > Site Identity.

If you want to know more about Site Identities please visit here.

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.

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

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.

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.