Make cards from WordPress groups

One switch turns a section, or every block inside it, into a card with a surface color, padding, rounded corners and a soft layered shadow.

Get Grinner free

See it live

Type

An upgrade to Group and Columns

Find it

Group settings, Card Mode

Phones

Padding and radius can change at WordPress’s widths

Speed

A resting look with no motion at all

Live demo

Plain groups, now cards.

This is the real Card Mode setting, running on this page.

Sunrise

First light over the rooftops.

Noon

The sun right overhead.

Dusk

A soft glow before the stars.

Night

The lighter preset, a thin line with nothing behind it.

Settings Apply to Children Preset Elevated and Outlined Radius (px) 24

What you can change

The settings worth knowing.

Container or children, a preset, then fine-tuning.

1

2

3

Apply to

One card or many

Container makes the whole block one card. Children turns every direct child into a matching card.

Soft

Outlined

Elevated

Preset

Three starting looks

Soft in light gray, Outlined with a hairline and no fill, or Elevated in white with a deeper shadow.

Tip

Save your work before you leave.

Card border

An accent bar

Give the card its own border, and turn Link sides off to keep only one side.

Even

Short

A longer line that wraps

Ragged

Short

A longer line that wraps

Equal height

Rows that line up

On by default with Children. Off lets each card follow its own content.

How to add it

Three steps. No new tool.

1

Install Grinner free

It’s on WordPress.org. Or go to Plugins, Add New, and search for Grinner Blocks.

2

Select a Group or Columns

The block you want to turn into a card, or the one holding several.

3

Turn on Card Mode

Choose Container or Children and a preset, fine-tune padding and radius, then publish.

Good to know

Fair questions.

Card Mode is a Grinner upgrade to Group and Columns. One switch turns a section, or every block inside it, into a card with a surface color, padding, rounded corners and a soft layered shadow. Use it to make neat cards without setting each style by hand.

Not with Children, where every card matches. Use Container on each card instead.

No. The surface is a single palette color.

Yes, with Apply to set to Container, through WordPress’s own per-screen styles at 782 and 480px.

Use Container on each linked card. Clickable cards and Children don’t mix well.