counter Gutenberg block

Getwid Blocks: Counter Gutenberg Block

Home > Blog > Getwid Gutenberg Blocks > Getwid Blocks: Counter Gutenberg Block

The Counter block by Getwid WordPress blocks for Gutenberg can be used for data visualization. The block makes it easy to put numbers and accompanying text into the spotlight, thus, demonstrating key messages of your business in a clear and readable way.

The block features the number, prefix (the upper text), and suffix (the lower text) containers. The colors and font are automatically inherited from your WordPress theme, but you can customize the colors and animation effects of this block as well.

counter block settings getwid

Purpose of the Counter Gutenberg Block

  • Properly convey data in numbers in a clear and attractive manner.
  • Deliver visually appealing and compelling messages about your business or expertise on any website page.

Features of the Counter Block for Gutenberg

You can create nice counters by configuring the following features:

counter settings getwid guteberg block

  • Designate a set of keyframes that indicate the start and end of the animation transition.
  • Edit prefix and suffix content inline (in the Gutenberg Editor).
  • Set up preferences for digits (decimal and thousand separators, Eastern Arabic, Farsi, or default numerals).
  • Apply animation effects.
  • Designate colors for digits.

Design Tips

animated counters getwid gutenberg blocks

Download the Free Official WordPress Gutenberg Theme for Getwid

To get the most out of this WordPress Gutenberg addon, feel free to download the free starter theme, which was designed with Getwid from the ground up! We believe the multipurpose design of this theme and pre-installed blocks will help you significantly accelerate the process of building lightweight and beautiful websites in Gutenberg.

Check out Getwid Demo

Download Getwid Gutenberg Blocks Free

Install Getwid Base Starter Theme for Gutenberg

Getwid Video Tutorials

Was this article helpful?

Yes No

You have already left your review.

6 Replies to “Getwid Blocks: Counter Gutenberg Block”

    1. Hi Nick,
      Thank you for your question. At the moment there is no possibility to add measurement after the value of the counter. Though I’ve added your request to our list of features and we will notify you if we have any news.
      Meanwhile, you may do this applying custom styles:

      .wp-block-getwid-counter__number:after {
          content: '%';
        1. You may add custom classes for each type of measurement, for example:

          .percents .wp-block-getwid-counter__number:after {
              content: '%';

          Then you will need to add class ‘percents’ to the specific Counter block on the page. You may add different styles with different classes for each type of measurement and then apply the proper class for prober Counter block

    1. Hi David,
      There is not an option to set a delay for the counter block. It starts counting once you scroll the page and reach this block. We have also added your requets to our list f features. Thanks.

Leave a Reply

Your email address will not be published. Required fields are marked *