Xboost

How do I change the font of the countdown timer?

Overview

The countdown timer uses your theme's font. The app has no font setting. To use another font, add custom CSS.

Steps

  1. Open Countdown Timer bars, click the timer name, then click Design.
  2. Under Advanced setting, paste this CSS in Custom CSS and replace Georgia, serif:
.xbcd__content__title,
.xbcd__content__subtitle,
.xbcd__timer_time,
.xbcd__timer_legend {
  font-family: Georgia, serif;
}
  1. Click Save in the bar at the top of the page.

The CSS applies only to this timer. Use a font that is already available on your store.