Build a section from its parts

Magic Content Box Premium is a Gutenberg block solution for arranging text, images, buttons, and spacing in WordPress page sections. Use it for landing pages, promotions, service introductions, highlighted content, or calls to action. Its visual controls let you assemble these sections without coding knowledge or a third-party page builder.

Choose layouts for headers, images, and dividers

Headers and buttons

Choose from more than nine header layouts, including a reverse option. Add a title and subtitle, then select from multiple button layouts. Buttons support icons.

Image boxes

Image boxes offer more than 30 predefined masking shapes. Choose a shape to change how an image appears within the section layout.

Top and bottom dividers

Separate page areas with top and bottom shape dividers. Premium includes more than 12 divider settings and unlimited color options for these dividers.

Add other Gutenberg blocks inside the section

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

Adjust the visual treatment

• Set typography and colors for section content.
• Apply gradients and color effects to backgrounds and visual areas.
• Use Font Awesome 5 icons in supported content, including button layouts.
• Adjust spacing and gaps between elements and content areas.
• Set box shadows and borders.
• Combine the available layout controls to suit various content needs.

Use the controls together for consistent sections, or give individual blocks their own visual treatment. The predefined layouts and header reverse option also let you try alternate arrangements.

Where it fits

Use the block for a homepage header, promotional banner, image-and-text introduction, service feature area, or call-to-action section. The inner section is useful when a content box needs multiple elements. Shape dividers can help distinguish one page area from the next.

Install and configure

Install Magic Content Box Premium on your WordPress website and open the Gutenberg editor. Add the Magic Content Box block, pick a suitable layout or component, then configure its image, header, button, typography, color, spacing, and divider controls for the section.