Articles on: Timer Customization

Customizing Labels

Labels appear below each digit group to identify what each number represents. Customize them to match your design.


Accessing Label Settings


  1. Open your timer in the editor
  2. Click the Labels tab in the left sidebar


Label Customizations


Font Size


Adjust label size relative to your digits:

  • Smaller labels (10-12px) for subtle identification
  • Larger labels (14-16px) for clear visibility


Font Weight


Match or contrast with your digits:

  • Light weight for elegant designs
  • Bold weight for strong impact


Colors


Global Color: One color for all labels - Quick and consistent styling

Individual Colors: Different color per label - Days, Hours, Minutes, Seconds each get unique colors. Create gradients or brand-specific styling.


Design Tips


  • Subtlety: Labels should support, not compete with digits
  • Consistency: Use the same weight for all labels
  • Readability: Ensure sufficient contrast with background
  • Size Ratio: Labels typically work best at 30-50% of digit size

Updated on: 06/05/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!