Count Up Block

The Count Up block is perfect for showcasing numbers in Gutenberg. You can use it show how many clients you have, how much money you have raised, how many cups of coffee you've served, or anything else.

How to create the Count Up block

You can create an Count Up block by clicking its button in the PublishPress Blocks category:

Screen Shot 2020 12 10 At 12.09.44

Settings in the Count Up block

In the right sidebar, you can adjust some options for the Counter:

  • Color Settings:
    • Headers color
    • Count Up color
    • Description's color
  • Columns: 1-3
  • Counter Number Size: Set the numbers' size
  • Counter Up Symbol: add a character before or after the counter
  • Toggle button: Set the position of the symbol. If this is enabled, the symbol will appear below the number.

Change header and description size (Pro)

You can change the size for the header and description.

PublishPress Blocks - Count Up
  1. Go to Header & Description panel
  2. Set a custom font size for the header and description

Change text alignment (Pro)

You can change the text alignment through the toolbar align feature.

PublishPress Blocks - Count Up
Screen Shot 2022 03 30 At 12.28.13

Default settings for all your Count Up blocks

You can set default options for every Count Up block added to your site. This is possible with the Default Blocks Config feature and it allows you to create a consistent look-and-feel for all your Count Up displays.

  • Go to PublishPress Blocks in your WordPress admin menu.
  • Click Configuration, then Default Blocks Config.
  • Click Count Up.
Screen Shot 2020 12 10 At 12.10.28

Professional publishing plugins for WordPress! Get PublishPress