Join the waitlist

Add corner marks to WordPress sections

Small plus signs, brackets, dots or asterisks sit on a section’s corners, half outside by default, for a crisp, technical frame.

Get Grinner free
See it live

Type

An upgrade to Group and Columns

Find it

Section settings, Corner marks

Phones

Unchanged on phones and tablets

Speed

Still marks with nothing to animate

Live demo

A frame made of corners.

This is the real Corner marks setting, running on this page.

Good buildings start with good lines.

Mara Quinn, architect

Specification

Site

Corner plot

Floors

Three

Frame

Timber

Roof

Green sedum

Settings    Variant Brackets and Plus     Size (px) 24 and 12     Inset (px) 0 and 12

What you can change

The settings worth knowing.

A shape, a size, which corners, and how far in.

Plus

Brackets

Dots

Asterisk

Variant

Four shapes

Plus, Brackets that turn to fit each corner, Dots or Asterisk.

6px

40px

Size (px)

Small or bold

From 6 to 48px, 16 by default.

Two corners

Bottom-right

Only some corners

Switch each corner on or off.

Inset 0

Inset 20

Inset (px)

Inside or on the edge

From 0 to 48px. Higher values move the marks fully inside.

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 section

A Group or Columns you want to frame.

3

Add the marks

Choose a variant, a size and the corners you want, then publish.

Good to know

Fair questions.

Corner marks are a Grinner upgrade to Group and Columns. Small plus signs, brackets, dots or asterisks sit on a section’s corners, half outside by default. Use them to give a card or section a crisp, technical frame.

At inset 0, a block that clips its content, such as a rounded card, cuts the overhang. Raise the inset to bring them in.

Not on sections. For moving marks, use Button corner marks on a button.

No. The page never scrolls sideways because of them.

Any palette color, or the border color if you leave it empty.

GrinBot -⁠ coming soon

Make your next site beautiful.

GrinBot designs and builds it for you. Join the waitlist for the launch price.

  • Studio-quality design
  • Built for speed
  • Pay once, no subscription

You’re on the list. We’ll email you when GrinBot launches.

Something went wrong. Please try again in a moment.

We’ll email you about the launch. Unsubscribe any time. Privacy policy

Or get the free Grinner plugin →

Pairs well with

Try it with these.

All layout and cards features

Corner labels

Small labels and numbers pinned to a box’s corners.

Borders and gradient border

Dashed and dotted borders, or a gradient ring that slowly turns.

Button corner marks

Crop-mark corners around a button that slide on hover.

Grinner grinning

Go make something
beautiful.

Get Grinner free

Free on WordPress.org · No Pro version