Spacing & Layout

Fine-tune the spacing and layout of your timer to perfectly fit your design. Access these settings in the Design tab under "Spacing" and "Display."

Spacing Controls

Padding X (Horizontal)

Space on the left and right sides of the timer. Increase for more breathing room.

0px
48px

Padding Y (Vertical)

Space on the top and bottom of the timer.

0px
48px

Gap

Space between the countdown units (days, hours, minutes, seconds).

4px
32px

Border Radius

Roundness of corners. Set to 0 for sharp corners, higher values for rounded.

Display Options

Show/Hide Units

Toggle which time units to display:

Days ✓Hours ✓Minutes ✓Seconds ✓

Tip: Hide days for short countdowns, hide seconds for cleaner look

Label Position

Where the unit labels appear relative to the numbers:

07
DAYS

Below

DAYS
07

Above

Separator

The character between time units:

: (Colon)| (Pipe)• (Dot)None

Digit Style

How the numbers are displayed:

42

Plain

42

Boxed

42

Outlined

Design Tips

  • Use consistent padding with your email template margins
  • Larger gaps improve readability on mobile
  • Match border radius to your brand's design language
  • Hide seconds for a calmer, less urgent feel