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.