Skip to main content

Icon Box

An icon above a heading and text — the standard feature, service and benefit card, and the most-used marketing pattern in the element set.

The block renders through the icon_box element — the same PHP that runs in the page builder, so the front end is identical either way.

What the sidebar exposes

OptionWhat it does
iconThe icon itself — pick a font icon, emoji or image
titleHeading text
title_tagWhich heading level the title renders as (h2h6, div)
contentThe body copy — see the note on rich text below
styleCard design preset
icon_alignWhere the icon sits relative to the title and text
icon_sizeIcon size, with a unit
box_styleBorder / box preset
bg_colorCard background
icon_colorIcon colour
title_colorHeading colour
content_colorBody text colour
box_linkMakes the whole card a link
link_targetOpen that link in a new tab

Anything not listed stays available in the page builder, and round-trips untouched — the block only writes the values you change, so an element styled in the builder keeps every setting this sidebar does not show.

The content field edits markup, not rich text

content is a wp-editor option, and in a block sidebar it edits the HTML directly rather than showing a WYSIWYG. That is deliberate — the reasoning is on that option type's page. Plain text you type is wrapped in paragraphs when saved.

The preview is inert

Clicking the card in the canvas selects the block; it does not follow box_link. Visitors get the working link on the front end.