> For the complete documentation index, see [llms.txt](https://docs.hurrytimer.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.hurrytimer.com/appearance/custom-css.md).

# 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.

{% hint style="warning" %}
Add .hurrytimer-campaign before the classes and tags you want to target.
{% endhint %}

### 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