Zion Builder

Appearance

Return to top
On this page

Counter

Counter element

General info

The counter element displays an animated number that goes up from a numeric value until the end of another numeric value. It is a great way to animate your numbers across the page.

General options

  1. Number: from - Set the desired number from which the counter will start
  2. Number: to - Set the desired number at which the counter will stop
  3. Speed - Set the desired speed for the animation
  4. Text before - This can be used to display a text before the number
  5. Text after - This can be used to display a text after the number
  6. Align responsive options - Select the desired horizontal alignment of the number inside it's container

Style options

TIP

Zion Builder elements allows you to style almost every part of an element. All style options follow the same options structure. You can find more info about style options here

  1. Wrapper - Will style the wrapper of the element.
  2. Before styles - These options allow you to style the text before the numeric value
  3. After styles - These options allow you to style the text after the numeric value

Advanced options

TIP

All the options inside the advanced options tab are the same for all elements. You can find more info about advanced options here