Add corner labels to WordPress cards

Short monospace text sits inside a section’s corners, like [A], //02 or 500+. A label that is just a number can count up as the card arrives.

Type

An upgrade to Group and Columns

Find it

Section settings, Corner labels

Phones

Same on every screen

Speed

Plain system monospace, so there’s no font to fetch

What you can change

The settings worth knowing.

Up to four labels per box, and one of them can count.

Issue two

Top-left

Four corners

Type text into any corner. Empty corners show nothing.

Orders so far

Animate count-up

Labels that count

A label that is a single number counts up from 0, over 1 to 10 seconds.

Floor plan

Inset (px)

How far in

From 0 to 48px, matching Corner marks so the two line up.

Spring menu

Letter spacing (px)

Size and spacing

Set the size, color and letter spacing to suit the card.

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 the card

Any Group or Columns.

3

Type the labels

Fill in the corners you want, turn on count-up for numbers, then publish.

Good to know

Fair questions.

Corner labels are a Grinner upgrade to Group and Columns. Short monospace text such as [A], //02 or 500+ sits inside a section’s corners, and a label that is just a number can count up. Use them for a technical, numbered or editorial look.

Count-up drops leading zeros. Leave it off for labels like [01].

No. Labels always use the system monospace font, on one line.

No. A label takes one plain number, and those stay as you typed them.

No, they skip them, so don’t put anything essential there.

Pairs well with

Try it with these.

Little crop marks drawn on a box’s corners.

Turn a section, or each block in it, into a card with one switch.

Numbers that count up or shuffle into place as they scroll into view.

Grinner grinning

Go make something
beautiful.

Free on WordPress.org · No Pro version