Spacing & Layout

Promptless WP sets the spacing inside and between sections for you, from a fixed spacing scale. What you control is width, alignment and arrangement: how wide section content runs, whether the page keeps your theme’s header and footer, where a section’s content sits beside its media, and how many items share a row.

Spacing between sections

Every section has the same vertical padding: 96px above and below on larger screens, and 64px on screens 640px wide or narrower. Content inside a section keeps a side gutter so it never touches the screen edge. There is no per-section padding or margin control.

When the Promptless theme’s header floats over the first section, that section gets enough extra top padding to keep its content clear of the header. Other themes are unaffected.

If one section genuinely needs different spacing, give it a class in the section’s Advanced tab (Custom Classes) and add the rule with Custom CSS.

Container width (whole site)

The container width is the maximum width of section content on every page.

1. Open the Promptless WP editor and select the Global settings icon in the toolbar.
2. Open the Layout tab.
3. Under Container Width, choose a preset or set an exact width with the slider or number field.

Preset	Width
Narrow	960px
Standard	1200px (default)
Wide	1440px
Full HD	1920px

The allowed range is 768px to 1920px. Below 960px the panel warns that multi-column grids may be cramped. Reset to Default returns to 1200px. Match the width to your theme’s header so the page edges line up.

Page display mode

Each page’s Display Mode decides what surrounds its sections. Set it in the Promptless WP box on the page’s WordPress edit screen.

Mode	What it does
Full Width	Sections render between your theme’s header and footer. The default.
Canvas	A blank page with no theme header or footer, for landing pages.
Shortcode	Sections render wherever you place [promptless_wp] in the page content.

Section layout controls

These are in each section’s Layout tab. Which ones appear depends on the section type and its display style.

Control	What it does	Default
Layout Variant	Places the section’s heading and content Left, Center or Right, with the media on the opposite side. Center centres both.	Left (Hero: Center in some layout modes)
Cards Per Row	How many items share a row, from 1 to 4. Named for the items: Stats Per Row, Plans Per Row, Images Per Row and so on.	Varies by section
Row Alignment	Where items in an incomplete last row sit: Left or Center.	Left
Button Position	Where the section’s buttons appear: After Body or After Outro. Some display styles add Beside Heading.	After Outro

Items per row is the desktop count. On smaller screens the count steps down, and on phones most grids stack to a single column.

Some display styles fix their own arrangement and hide these controls. The offset style in Features, Steps and Checklist is an example: the image runs to the edge of the screen beside the items, so there is no layout variant or column choice.

Hero container options

A Hero section in the Standard layout mode has three more controls:

Control	What it does	Default
Container Style	Full Width runs the section edge to edge. Boxed insets it with side gutters and rounded corners.	Full Width
Section Height	Auto sizes the section to its content. Full makes it fill the screen below the site header.	Auto
Frame Background	With Boxed, the colour of the gutter around the box. Inherit shows the page background; Custom Color lets you pick one, usually the background of the next section.	Inherit

Other Hero layout modes (Banner, Vertical Strips, Horizontal Marquee, Split Screen) set their own geometry, so these controls are hidden.

Limits and common problems

• No per-section padding or margin settings. Spacing comes from the design system so every section lines up. Use a custom class and CSS for exceptions.
• Boxed and full height are Hero-only. Other section types always run full width at their content’s height.
• Full height under another theme. Full subtracts the site header’s height, which the Promptless theme reports. Other themes are assumed to have an 80px header.
• Content looks narrower than the header. The container width is lower than your theme’s header width. Raise it in Global settings → Layout.

Related pages

• Global Settings — Every site-wide design setting in the Global Settings panel, tab by tab, with what each one changes and its default.
• Working with Sections — Add, edit, reorder, duplicate, copy, convert, remix and delete the sections that make up a page, and the keyboard shortcuts for each.
• Hero Sections — The banner at the top of a page — its content fields, the five layout modes, media, backgrounds, logo row and boxed layout.
• Theme Variants — Switch any section between Light and Dark, override its background, and how Promptless WP keeps text, links and icons readable on it.