The Info Box Block: Give Every Feature Its Own Little Card

An icon, a title and a line of copy, bundled into one tidy card you can drop anywhere. Build a whole feature grid or a row of services without touching CSS.

Every feature deserves more than a bullet point

You’re laying out the ‘what we do’ part of a site. Three or four services, each with a name and a sentence, stacked as plain paragraphs that run straight into each other. Nothing separates one from the next, and nothing pulls the eye to any of them.

The Info Box block gives each one its own card. An icon up top, a title, a line of description, a small self-contained unit you can line up in a grid or stand on its own. Here is what it brings to the table:

Media above or beside the text, so one block covers a feature grid and a service row.
A framed icon badge with its own colour, padding and radius, tuned for light and dark.
Prefix, title, description and an optional divider, a full card in a single block.
A built-in button with its own icon, so a card can link straight out.

Everything past the icon and image is the same base spacing, colour and responsive controls the rest of Flexa uses, so the card fits your design instead of fighting it. Setting one up takes about a minute: drop the block in, pick an icon, type a title and a sentence, and the preview updates as you go.

See it live

Icon on top, three across. The default layout, media centred above the text, laid out as a feature grid.

Fast setup

Drop it in, type your copy, and it’s live. No shortcode to memorise.

Looks designed

The icon sits in a tinted badge, so the card reads as a real design element.

Yours to shape

Colours, spacing and radius are all controls, matched to your theme.

Media beside the text, with an eyebrow label. Set the icon to the left and turn on the prefix for a horizontal service row.

SERVICE

Brand & identity design

Logo, colour and type, a complete visual system your site can lean on.

With a divider and a call-to-action. Add the separator line and the built-in button to make each card clickable.

Web design

Conversion-focused pages, from the first section to the last.

Speed tune-up

Faster loads and cleaner markup, without a full redesign.

An image instead of an icon. Switch the media type to image for a photo-led card, framed exactly the same way.

Team photo placeholder

Meet the team

Swap in a headshot or a product shot, and the card frames it the same way it frames an icon.

Start building cleaner feature sections

The Info Box block ships inside Flexa Block. Install the plugin and it’s waiting in the editor, right next to the live cards you just scrolled through.

More articles

Keep reading

Other guides from the Flexa Blocks library.

48 posts found