1. Home
  2. Features
  3. Web Page Elements
  4. Countdown Element
  5. Countdown Separator

How to change the 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.

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 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.
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 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 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 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 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 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.
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 After Count Message Style
Countdown After Count Message Style

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 Set The Countdown Separator

The look of the countdown timer is important for the user. It must be user-friendly and easy to understand. One of the main segments of countdown timer design is Countdown Separator which can be: a colon, dot, dash, or none. You can set up one of them in page builder. Click on the Countdown in your web Block, then go to the corresponding property in the Property Panel. In separator options, there are four different Countdown Separator icons. The first is a drop in a box (none) that removes the separator. The second is a colon that inserts colons in the countdown timer. The third is a dot, and the fourth is a dash. Choosing the right separator gives more perception to your countdown timer.

You can make Fixed Countdown Timer with a background image from the option in my account menu. Set your own Labels For Countdown Timer with various styling options. Add a countdown date and submit a ticket. The fixed countdown background image covers the whole page header footer. You can add to Cart Image Carousel Element as a single product. Add to Cart and buy now buttons will appear after the (Sign Up). Use contact form 7 with the affiliate program to contact support. Coming soon In copyright 2022 header footer builder will be published.

The Time zone must be added to the account in order to set the specific date timer. Reset the timer with the particular date Time. Woo is a new product you can use Woo Add To Cart option. US contact has an opportunity to offer a large variety of services. This includes Skip To Content, premium color library, improved image quality and etc. A line separator helps a lot in a big project. Countdown link text will be sent now to your email address. You can choose a solid-colored background with opacity or/and with an image. This tutorial will show you how to add an advanced menu separator.

Company
Product
Themes & Templates
Nicepage
Web Design