Ultima Gaming Component – Countdown

Our Ultima Gaming theme comes with over a dozen different components that can be pieced together in a variety of different layouts.

We're going to detail each and every component so that you're properly equipped to setup and configure your very own Ultima Gaming WordPress website in the way that suites your needs.

First, if you have already checked out some of our Ultima Gaming Demo sites and you want to replicate the layouts you see there, head over to our Complete Guide to Importing Ultima Gaming Demo Sites.

Countdown Component

To get started, head to your page and under Flexible Template, find Add Section in the bottom right. Click Add Section and select Countdown.


Navigate to the Content Tab to view the content fields for this component.

Most of our components come with the ability to add heading text, sometimes spanning over multiple lines.

Customize your headers with the Text field and optionally change the colors of your headers with the Color field. Headers that span multiple lines will be labelled Line 1, Line 2 etc.

You can leave a Text field blank to display no header at all. Leaving the Color fields blank will make your headers the default color, based on the Color Settings you have set.

Most components have a main Content field set to WYSIWYG (what you see is what you get). WYSIWYG fields give you full control of you content by allowing you to change things like font, font-size, color, text decoration etc.

You can expand the WYSIWYG field with more options by clicking the Toolbar Toggle key or using the shortcut (shift+alt+z).

Countdown Settings

Navigate to Countdown Settings Tab.

Here, from the Countdown Selector you can choose between Disabled, Simple Countdown and Advanced Countdown.

Disabled: Show no countdown.

Simple Countdown: Use this for a simple countdown, counting down to a single date and time. Configure this under Simple Countdown.

Advanced Countdown: Use this for an advanced countdown, counting down to your next stream based on a stream schedule, under Schedule Countdown.

Simple Countdown

Used in conjunction with Simple Countdown set under Countdown Settings. Set your Countdown Date and Countdown Time.

Schedule Countdown

Used in conjunction with Advanced Countdown set under Countdown Settings. Set your Streaming? days to Yes and then set your stream Start Time. The countdown will now countdown to your next start time based on the current time and day.


Most of our components come with the ability to add buttons to your component. Navigate to the Buttons Tab and click Add a Button to get started.

Configure your button with Buttons Options, URL and Button Text, which should all be self-explanatory fields. If you need more information on buttons check out our Complete Guide to Ultima Button Settings.

Layout Options

All of our components comes with some advanced layout options that allow you to customize the look and feel of each component. Navigate to the Layout Options Tab to view your layout options for this particular component.

Many of the components share the same layout options, like Section ID, Background Image, Background Color etc which you can read more about in our Complete Guide to Ultima Layout Options.


All of our components come with animations that kick in as you scroll up and down the page. Navigate to the Animations Tab and toggle the Animations field to No turn disable animations for this component.