The Counters block helps you highlight the important numbers of your company in the form of a number counter. With this block, you can display statistics and any other numeric information on your website and showcase successful deals, history in numbers, and notable results. It can be useful for everyone: designers, writers, chefs, photographers, and businessmen.
Adding the Counters block
Here’s how you add a Counters block:
- Choose a location where you want to add your Counters block and click the Add a block (+) Plus button.
- In the Block library, choose Counters from the list to see the pre-designed layout for this block type.
- Click the pre-designed layout you like to add it to your page.
Customizing block settings
You can customize the Counters block with the help of its control pane. To activate it, click the block and then click the Block settings icon.
The Block settings menu will appear. It consists of two tabs: the Layout tab and the Appearance tab.
In the Layout tab, you can switch the block layout and choose which elements should be displayed in the block. To hide a specific block element (for example, if you want to remove a button), remove the blue tick next to the element’s name.
In the Appearance tab, you can make the following changes:
- Block style: Change the color scheme of the block.
- Block spacing: Adjust the whitespaces at the top and the bottom of the block.
Once you are done customizing block settings, click Save.
Read about block customization options in detail in our Block settings article.
Customizing Counters block elements
You can duplicate some of the block’s elements to create space for more counters. Hover over the element you want to duplicate and click the Duplicate icon. The identical element will appear to the right of the original element.
Note: The design of the block will adapt automatically to preserve the look and feel of your website.
Read more about moving the elements in the block and deleting them in our Customizing block elements tutorial.
To learn more about how to customize buttons, read this article.
Other helpful articles:
Once you have completed customizing your block, click Publish to make changes live.