HurryTimer
  • Introduction
  • Getting Started
    • Installation
    • Creating a one-time campaign
    • Creating an evergreen campaign
    • Creating a recurring campaign
    • Setting an expiry action
    • Adding a countdown timer to the product page
    • Customize the countdown timer appearance
    • Adding headline
    • Adding a call to action button
    • Displaying countdown timer in sticky bar
    • FAQ
    • Billing
  • Developer documentation
  • Expiry Actions
    • Expire a coupon
  • Appearance
    • Custom CSS
  • Troubleshooting
    • My Evergreen timer is not working properly
    • Invalid license key error message
Powered by GitBook
On this page

Was this helpful?

  1. Appearance

Custom CSS

With HurryTimer Pro, you can take control of the appearance of every elements in the campaign using custom CSS.

To add custom CSS, in your campaign settings, navigate to Appearance tab → Custom CSS.

Add .hurrytimer-campaign before the classes and tags you want to target.

Selectors

  • .hurrytimer-campaign: Campaign container

  • .hurrytimer-timer: Countdown timer container

  • .hurrytimer-timer-block: Single countdown timer block container

  • .hurrytimer-timer-sep: Single separator

  • .hurrytimer-timer-digit: Single countdown timer digit

  • .hurrytimer-timer-label: Single countdown timer label

  • .hurrytimer-timer-headline: Headline

PreviousExpire a couponNextTroubleshooting

Last updated 3 years ago

Was this helpful?