Count Up

The Gutenberg Count Up block is an interesting way of showcasing notable stats on your page. You can display facts and figures attractively with animated counters.

General

Alignment - Choose left, center, or right as the alignment of the text.

Columns - Decide the number of columns to display.

Content

Under this tab, you can hide or display title, digits, description, and an icon for the block.

Icon

If you have chosen to display the icon, this tab will appear with the following options:

Select Icon - Choose an icon for an individual item from a number of options.

Icon Color - You can choose a color for the icon from here.

Design - Choose Plain, Shaped, Outlined as the design for icons.

If you have chosen Shaped or Outlined as the design, following options will appear:

Icon Shape / Outline Color - Choose a color for selected icon design.

Shape / Outline Border Radius - Set the border radius for corner roundness.

Shape / Outline Padding - Set the padding for the design.

Outline Width - Customize the design by selecting required width.

Typography

Under the Typography tab, options for font family, font size, font-weight, and line-height are available for Number, Description, and Heading.

You can now set responsive font size of Heading, Description and Number for Mobile and Tablet view.

Spacing

Spacing tab offers options to customize the Content Padding and bottom spacing for Icon, Title, Number & Description.

Color Settings

Under the Colors tab, color options are available for Title, Text, Number, and Background. Opacity option is also available for background color.

Border

Border Style - You can select the style of the border as solid, dotted, rigged, double, dashed, etc. You can also choose to hide it.

Border Width - Set a width for the border from here.

Border Color - You can give color to the border from here.

Border Radius - You can give border-radius to the box from here.