1. Home
  2. Features
  3. Web Page Elements
  4. Countdown Element
  5. Countdown After Count Message Style

How to stylize the After Count Message for a countdown

You can stylize the After Count Message for a Countdown. Select a Countdown, then go to the Property Panel. Go to the Message link. In the Message Panel, modify the Style of your Message.
How to stylize the After Count Message for a countdown

Browse By Feature Categories

Web Page Elements
Supported Systems
Visual Page Editor
Design Elements
Media Libraries
Element Properties
Responsive
Animation Effects
Theme Settings
Contact Form
Header & Footer
Blog
E-Commerce
SEO
Custom Code
Application Features
Site & Page Properties
WordPress Widgets

Everything You Need To Create Your Free Website

Use our Website Builder to design and create websites without coding. Drag and drop anything you want, to any place you want it. The Website Creator automatically adapts your website for mobile to make it responsive. Choose from more than 15,000 customisable website templates.

Download for Windows Download for Mac

Related Features

Countdown Format

You can change the Countdown Format per your marketing needs. It can be Date, Time, and Number. Select the Countdown Element, go to the Property Panel, and click the corresponding icons in the Format section to change the Countdown Format.
Countdown Direction

The Countdown on a website can show either the ascending or descending figure allowing visitors to estimate the term to or from the specified date, time, or number. To set the Direction, select the Countdown Element in a Block, then change the Direction property in the Property Panel.
Countdown Styling
Countdown Styling

The Countdown Element consists of several components, including the Background, Items, Numbers, and Digits, in which you can modify the Fill, Color, Border, etc. Additionally, you can change the Show Elements property, and stylize the Text and the Message. Select the Countdown Element, go to the Property Panel, click the links to access corresponding Panels to edit the Countdown components.
Countdown Separator

You can select the look of the Countdown Separator that can Colon, Dot, Dash, or None. Click on the Countdown Element in your web Block, then go to the corresponding property in the Property Panel. Click on the icons to switch the Separator between the Countdown Items.
Countup Timer

The Countup is the opposite Element to the Countdown that adds a counter that counts from a number up. You can use Countup as a smart way to present statistical information on dates, time, number of visitors, download times, product sales, stock growth, and more.
Countdown After Count Message
Countdown After Count Message

For the Countdown Element on your website, you can enter the text to be shown after the count. Select the Countdown, go to the Property Panel, and select the Show Message option in the After Count section. By default, there is a text that you can leave as is or edit if necessary. This message you will see after the Countdown is over.
Countdown Animation

You can show the smooth animation for the digit switching. For that, select the Countdown Element. In the Property Panel, go down to the Countdown Animation property. Click on the checkbox to enable the animation. Preview the page to see the actual animation applied to the Countdown.
Countdown After Count Action
Countdown After Count Action

If you use the Countdown Element on your website, you can specify the action to be performed after count time, such as "Do Nothing," "Show Message," or "Redirect URL." To set the action, select the Countdown in a Block, go to the Property Panel, then select the action in the After Count section. Please note the After Count is available only if the Countdown Direction is set to Down.
Countdown Presets In Add Panel
Countdown Presets In Add Panel

Click the Add Menu and scroll down to the Countdown section. There are Countdown Presets, which you can use to insert the initially predefined set of the Element quickly. The Presets include the Countdown To Date, Countdown To Time, Countdown To Time Per Visitor, Countdown To Number Per Visitor, Count Up from Date, Count up From Number.

How To Stylize The After Count Message Of A Countdown

After you add the countdown timer to your site and appoint the After Count action as the display message, you can start customizing these options. In the Property Panel, first, you need to set the font size of your free countdown timer, then proceed with picking the text style: italic, bold, or standard. You can add shadows to your text by ticking the checkbox. Finally, you can customize your text color and the background color that will correlate with each other making the message easy to read and attractive to users. Make sure your message doesn't contradict the design of your page where you create your countdown timer easily.

You can create countdown timers for the future templates, so you can quickly copy and paste them in the future. No matter how many countdown timers you use on your website, your custom content will still be optimized with the last updated features. You can select options for your countdown timer using our responsive Property Panel and set the date and time, choose the time zone, or make sure the countdown timers use a specific time. Our free countdown timers work perfectly with date and time and any time zone.

Apply the timer to count down special events, new events, or sales, for example. The countdown clock counts anything you want, including the date and time set to a specific time zone. The background color must stress the table of contents and the specific content you provide to improve your content marketing. Sign up to learn more about countdown timers, how they can count down your events, and how to use the count up timer for a certain situation. Sign up before you use the skip to content button to view data details of our system.

Company
Product
Themes & Templates
Nicepage
Web Design