---
title: Circle Counter Block 🛒
description: "To customize the Circle Counter Block, you can use the below settings: - **General** - Enable/disable the number and label of the counter. - Change the label of the counter. - **Dimension:** - Change the counter number to how many…"
url: "https://spiceblocks.com/docs/circle-counter-block/"
updated: "2024-06-13"
category: Blocks Customization
---

# Circle Counter Block 🛒

To customize the Circle Counter Block, you can use the below settings:

- **General**
  - Enable/disable the number and label of the counter.
  - Change the label of the counter.
  - **Dimension:**
    - Change the counter number to how many days you want to add the counter.
    - Adjust the margin of the circle counter box and counter label.
  - **Display:** Hide/Show the Circle Counter individually from a desktop, tablet, or mobile.
  - **Animation Effects:** Set the Circle Counter effects with multiple options on the Team Box like Fade, Bounce, Swing, etc, and the duration or delay time of the animation.

- **Color & Background Settings**
  - Change the number, label, stroke, and circle color of the circle counter.

- **Background Overlay**
  - Enable/Disable the overlay, change the overlay color, and set the overlay's opacity.

- **Typography**
  - Adjust the counter number **Font Family, Custom Size****,** and **Letter Spacing**.
  - Set the typography of the counter label using **Font Size,** **Font Family, Font Weight**, **Line Height, Text transformation, Text decoration,** and **Letter Spacing** options.

- **Additional Settings**
  - You can add the Additional unique ID, Additional class, and custom CSS code.