Astra Pro Spacing Module Explained: Take Control of Site Margins and Typographic Space

In website layout, spacing affects the hierarchy and readability of page content.Astra Pro The plug-in provides the Spacing Addon module that enables margin and inner margin adjustments to several core areas of the site, including the site logo, containers, footer anda side-bar (in software). The page structure is made more compact and visually refreshing through flexible settings.

Site logo spacing settings

Path: Appearance > Customization > Header > Site Identity

The Spacing module is supported for site logos,captionand subheadings set top and bottom outer or inner margins to bring order to the content in the header and prevent elements from appearing crowded or disjointed with each other.

Container spacing settings

Path: Appearance > Customize > Global > Container

Containers are the areas of a page that carry the main content, such as article body, images, paragraphs, etc. The Spacing module provides two key settings:

• External spacing: used to adjust the distance between the container and thefooterVertical spacing between footers
• Internal spacing: used to control the distance between the content and the edge of the container

differentopening (chess jargon)Underneath, these settings behave slightly differently:

Boxed layout

The container has a fixed width, with margin for external spacing and padding for internal spacing. the page is centered overall.

Content Boxed layout

Only the content area is centered, the background can be displayed in full width. Similar to Boxed, it supports top/bottom/right/left/left/right spacing.

Full Width / Contained layout

Article pages can be set with top and bottom spacing, but left and right are automatically margined.

opensa side-bar (in software)The spacing is expressed as padding when it is closed, and the top and bottom are added when it is closed. marginThe

Full Width / Stretched layout

The content stretches to the full width of the browser, and margin settings do not take effect in this mode, which is suitable for design needs with clear boundaries.

Footer spacing settings

Divided into two zones can be adjusted individually:

Footer Widget Area

Path: Appearance > Customization > Footer > Footer Widgets

Setting internal margins on all four sides for each gadget module avoids the content clinging to the borders and keeps it visually goodtypographicalEffect.

Footer bottom area

Path: Appearance > Customize > Footer > Footer Bar

Used to set the margins of the bottom copyright area so that text, social icons, or other content doesn't appear too far to the side.

Sidebar spacing settings

Path: Appearance > Customize > Sidebar > Design

The Spacing module supports control of the entirea side-bar (in software)top and bottom space from the body of the page, while internal margins can be added separately for each widget. Example:

• External spacing: use margin at top and bottom, add padding left and right.

• Internal spacing: the space between the four sides of each widget module can be set independently, so that the content is not too close together

This fine-grained control makes the navigation, search, and ad modules in the sidebar look clearer and more organized.

summarize

The Spacing Addon is an enhancement to thepage layoutAn important tool for competence. By adding appropriate margins to sections, you can make the overall typography more organized, improve the reading environment, and enhance visual guidance. Matching Astra The modular setup of the theme itself makes it easy to create a well-structured and comfortably paced page effect.

Related articles

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: [email protected]
④ Working hours: Monday to Friday, 9:30-18:30, holidays off