> For the complete documentation index, see [llms.txt](https://rosea-docs.crumble.al/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://rosea-docs.crumble.al/page-builder/counter.md).

# Counter

Set counters to a specific end number in a creative way, multiple settings will allow the element to be used attractively.

**Content Tab:**

* **Starting Number**: Enter the starting number of the counter.
* **Ending Number**: Enter the ending number of the counter.
* **Number Prefix**: Add a number prefix, so the actual starting and ending number will have a prefix number.
* **Number Suffix**: Add a number suffix, it will be displayed after the number and can be used for different symbols.
* **Animation Duration**: Select the animation duration, the number is represented by milliseconds.
* **Thousand Separator**: Add a separator between thousands.
* **Separator**: Select the separator between thousand, the default is a comma, you can choose between dot and space.
* **Title**: Add the title which usually is displayed below the counting number.

**Style Tab:**

* **Number**
  * **Text Color**: Change the color of the number in the counter element.
  * **Typography**: Advanced typography is included to change the typography properties, you can reset anytime the options of the typography.
* **Text**
  * **Text Color**: Change the color of the title in the counter element.
  * **Typography**: Advanced typography is included to change the typography properties, you can reset anytime the options of the typography.