PageUni Countdown Timer makes it easy to edit your text and customize its style. You can use our intuitive WYSIWYG (what you see is what you get) editor to update the text, and adjust the design with simple styling options.

How to Edit Text Content

In the timer bar builder, switch to the "Content" or "Design" tab. Then, in the preview area, click the text you want to edit. A text box and toolbar will appear, so you can make changes right away.

You can use this method to edit the text of different elements in your timer bar, such as main message, secondary message, button text, coupon text.

The pop-up text toolbar includes a set of formatting tools, listed from left to right:

• Make selected text bold

• Make selected text italic

• Add an underline to the selected text

• Add a strikethrough to the selected text

• Set a text color for the selected text

• Set a background color for the selected text

• Format the selected text as subscript

• Format the selected text as superscript

How to Customize Text Style

In the timer bar builder, switch to the "Design" tab. Then, in the preview area, click the text element you want to style. The sidebar will automatically open the corresponding settings card, where you can adjust options under the "Font", "Typography" and "Link text style" sections.

Note: Any changes you make to the text style will be instantly reflected on the selected element in the preview area. You can also use PageUni Countdown Timer’s responsive design feature to customize font styles for different screen sizes.

In the "Font" section, you can customize the font family, font size, and font weight. PageUni Countdown Timer supports the entire collection of Google Fonts for your font family settings.

Clicking the "More fonts" button in the font family dropdown opens the font manager, where you can preview and add suitable fonts to the current campaign for use with text content.

In the "Typography" section, you’ll find options for line height, letter spacing, word spacing, text alignment, and text transform.

In the "Link text style" section, you can adjust the link color, hover opacity, and the link underline style.