Adding a number counter

Styling a number counter

Configuration options

The number counter begins at the specified start number and counts by 1 until the end number is reached. The counter will increment up or down depending on start and end values provided.

Number Counter Element in Vev

👍🏽 Adding a number counter

  • From the top menu bar, click on the Add Menu (Shortcut: M)

  • Search for and select 'Number Counter'

  • Click and drag the element onto your canvas

Adding a Number Counter element

🎨 Styling a number counter

  • Text: Change the Number's size, color, and font

  • Margin: Add margin to the Number

  • Padding: Add padding to the Number

Styling Share Buttons

⚙️ Configuration options

Once you've added the Number Counter element to your canvas, you can now set the configuration options, including start/stop number as well as the increment speed.

To start, double-click the Number Counter element to open the configuration options.

Number Counter configuration options

Parameter

Description

Start

The number the counter should start at.

End

The number the counter should stop at.

Increment speed

The time the counter should take to pass from one number to the next one in milliseconds.

Delay animation start

Sets a delay before the counter starts in milliseconds.

Run Once

Makes the counter run only once.

Tip: You should only use integers in the number's fields.

Did this answer your question?