Count Up
Last updated
Last updated
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.
Alignment - Choose left, center, or right as the alignment of the text.
Columns - Decide the number of columns to display.
Under this tab, you can hide or display title, digits, description, and an icon for the block.
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.
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 tab offers options to customize the Content Padding and bottom spacing for Icon, Title, Number & Description.
Under the Colors tab, color options are available for Title, Text, Number, and Background. Opacity option is also available for background color.
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.
