Customize the countdown timer appearance
Take control of which elements to show, and change countdown timer look and feel to match your site design.
To set custom units labels, navigate to Appearance > Elements > Timer Label:
You can change countdown timer look and feel and see render live.
Under Appearance > Elements, you can customize every element style:
Time block provide different set of controls to fully customize the countdown timer look and feel:
Navigate to Appearance > Elements > Timer block.
In the option Display, select Inline:
Navigate to Appearance > Elements > General:
In the option Display, select Inline:
To add you custom CSS, navigate to Appearance > Custom CSS:
IMPORTANT: Add.hurrytimer-campaign before classes and tags you want to target, example: .hurrytimer-campaign .hurrytimer-timer-digit
{
font-size: 2em;
}
