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.