Build page sections in Gutenberg

Magic Content Box Premium provides visual controls for arranging text, images, buttons, and spacing in WordPress sections. Choose a layout or component, then adjust its available styling settings for a landing page, promotion, service introduction, highlighted content area, or call to action.

Choose section components

Headers and buttons

Header sections include more than nine layouts and a reverse option. Add a title and subtitle, then select from multiple button layouts. Buttons support icons.

Image boxes

Image boxes include more than 30 predefined masking shapes. Apply a shape to vary how an picture appears within the section layout.

Inner content

When a section needs multiple content elements, use the separate inner section to place multiple WordPress blocks inside the content box. This combines the Magic Content Box structure with other Gutenberg content in one section.

Top and bottom dividers

Use more than 12 top and bottom section divider settings to shape transitions between page areas. Divider colors can be customized.

Adjust the visual settings

Available controls include typography, colors, gradients and other color effects, spacing and gaps, box shadows, borders, and customizable layouts. Font Awesome 5 icons are supported in applicable content, including button layouts. Combine these settings for consistent sections or give individual blocks their own visual treatment.

Install and configure

Install Magic Content Box Premium on a WordPress site and open the Gutenberg editor. Add the Magic Content Box block, choose a suitable layout or component, then configure its image, header, button, typography, color, spacing, and divider controls. Coding knowledge and a third-party page builder are not required.