Kadence → GP transition layout best practices

Hi,

Welcome to the GP/GB ecosystem — and great questions. Getting the mental model right from the start makes everything much easier.

1. Recommended base structure for full-width page sections

The standard pattern is a full-width outer Container for the background, with a centered inner Container that constrains the content width. So for a typical section it’s:

Container (outer — full width, holds background color/image)
└── Container (inner — max-width centered, holds actual content)
    └── Grid (if you need columns)
        ├── Container (column 1)
        └── Container (column 2)

https://learn.generatepress.com/blocks/styles/sizing/

When you add the inner Container via the toolbar button, it automatically sets Sizing > Max Width to var(--gb-container-width) and Spacing > Margin Left & Right to auto to center it. That CSS variable is your site-wide content width, so you only define it once.

https://learn.generatepress.com/blocks/toolbar-buttons/add-inner-container/

2. Full-width page layout via GP Layout Element — yes, this is the recommended approach

Yes — set the page content area to full width using a GP Layout Element (or the GP metabox on the page), then take over all width control with GB Containers. The recommended method is to use a full-width page and build each section with Container blocks. Trying to mix GP’s contained content area with GB full-width blocks gets messy quickly.

3. Tutorials and guidance

The official docs cover the core pattern well:

• Add Inner Container — the foundational full-width section technique
• Pro Pattern Global Style reference — worth reading even if you build your own patterns, as it shows how the built-in patterns handle section spacing and inner widths

For reusable sections, WordPress block patterns are the way to go — build a section you’re happy with, save it as a synced or unsynced pattern, and reuse it across the site.

4. Defining default spacing and container widths

There are two layers here:

• --gb-container-width — set once in GenerateBlocks > Settings (or it auto-syncs from the GP Customizer container width if you’re using GP). This is what the inner Container’s “Global Max Width” toggle references. The Global Max Width toggle in the Sizing panel inserts var(--gb-container-width) as the block’s max-width.
  https://learn.generatepress.com/blocks/block-guide/getting-started-generateblocks/the-blocks-styles/

• Global Styles (GB Pro) — this is where you define reusable CSS classes for things like section padding, heading spacing, button styles, etc. Global Styles in GB Pro are CSS classes loaded globally across the site — you create a class, add styles to it, and apply it wherever needed, which reduces redundant CSS. For example, you’d create a section-padding Global Style with responsive padding values, then apply it to every outer Container rather than setting padding per-block.
  https://generatepress.com/global-styles-for-fast-wordpress-sites/

5. Recommended workflow

Build one solid section structure — outer Container + inner Container + Grid if needed — style it with Global Styles for the repeating properties (padding, max-width), and save it as a block pattern. Duplicate the pattern for each new section and adjust only what differs (background color, content, column layout).

The key mindset shift from Kadence: GP/GB doesn’t bake spacing and sizing defaults into the block itself the way some builders do. Instead, you set global theme styles (typography, colors, layout) in the Customizer, and use GB Global Styles for block-level reusable classes. Once that foundation is in place, individual blocks stay lean.
https://generatepress.com/global-styles-for-fast-wordpress-sites/

In short: full-width Layout Element → outer Container (background) → inner Container (max-width, auto margins) → Grid where needed → Global Styles for repeating spacing → block patterns for reuse. That’s the clean way to build in this ecosystem.

Hey, @Dave, thanks, a large amount of what I know also stems from my habit of browsing the forums!

@markogp, let me know if you have any more questions!

Ok, glad to know, you are welcome!