# Counter

The Counter section provides the flexibility to showcase your accomplishments anywhere in your theme, allowing you to highlight your achievements effectively.

{% embed url="<https://drive.google.com/file/d/19IgF_7ORcOZrAwT2z_gT3q9i44yTGlJG/view?usp=sharing>" %}

## Counter settings

### 1. Section header

Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.&#x20;

<figure><img src="https://2521394731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5WlAIkq5Keo641r70Byr%2Fuploads%2FidL9OO1LnLcz3jRZsufp%2Fimage.png?alt=media&#x26;token=892a28c3-d10d-432a-80d0-bd326409e9ea" alt=""><figcaption></figcaption></figure>

### 2. General settings

**Layout:** You can choose between Container, Wrapped container, Full width for the banner layout.

**Columns:** You can specify the number of columns per row and adjust the spacing between them.

**Color schema:** You are allowed to change text color, background color with preset color.

<figure><img src="https://2521394731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5WlAIkq5Keo641r70Byr%2Fuploads%2FAr1PcGqqi4xCFs8d6E9G%2Fimage.png?alt=media&#x26;token=005607f6-0e54-4be0-95f9-8b4eb48dfa8e" alt=""><figcaption></figcaption></figure>

### 3. Counter settings

<figure><img src="https://2521394731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5WlAIkq5Keo641r70Byr%2Fuploads%2FhXIVU1Pcgi643w6apjAY%2Fimage.png?alt=media&#x26;token=232ae403-1aff-41b1-8234-11edaabab500" alt=""><figcaption></figcaption></figure>

### 4. Typography

Utilize the provided setting options to change the position and font of the heading and subheading.

<figure><img src="https://2521394731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5WlAIkq5Keo641r70Byr%2Fuploads%2F3lGuCUZbEJ4CnhwWXlvD%2Fimage.png?alt=media&#x26;token=1eb86f31-368c-4722-92b0-8f30d67b86ef" alt=""><figcaption></figcaption></figure>

### 5. Section padding

Section padding allows you to specify the space between the slideshow and the preceding or following sections, or both.

<figure><img src="https://2521394731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5WlAIkq5Keo641r70Byr%2Fuploads%2FvCMBuRjsVaYmHXLjGyQG%2Fimage.png?alt=media&#x26;token=f37372c0-6888-4f69-9244-143057742b90" alt=""><figcaption></figcaption></figure>

## Counter items settings

Here, you can configure the Counter section to display and highlight each of your achievements effectively.

* **Starting number:** the first number to start counting
* **Ending number:** the last number to stop
* **Unit:** the unit of measurement

<figure><img src="https://2521394731-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5WlAIkq5Keo641r70Byr%2Fuploads%2FFW9Ct7GdiKJYJgrvEl2R%2Fscreencapture-admin-shopify-store-dtian-umino-themes-138530488577-editor-2023-12-20-16_08_10.jpg?alt=media&#x26;token=ff548c82-aaee-42dc-8a7e-8d911fdea058" alt=""><figcaption></figcaption></figure>
