PCF Christmas Countdown

Basic Instructions

This plugin works out-of-the-box, so once the plugin is installed, you can place a shortcode wherever you want.

Use the shortcode [pcf_xmas_countdown] to output the countdown.

The countdown will output in days by default (e.g ‘105 days until Christmas!’).

Changing output type

The shortcode can be given a ‘type’ attribute, like so:

[pcf_xmas_countdown type="days|weeks|sleeps"]

This enables you to change the output type.

There are 3 types to choose from:

• Days
• Weeks
• Sleeps

If you do not specify the type attribute, or specify an invalid type, it will default to ‘days’.

Example:

[pcf_xmas_countdown type="weeks"]

will output as

It's `x` weeks and `y` days until Christmas!

Styling the output

Styling the output is an advanced setting, that involves writing custom CSS.

The shortcode can be given an ‘id’ attribute, which can then be used to style the output using CSS.

For example,

[pcf_xmas_countdown id="my-id"]

would output in HTML as

<p id="my-id">...</p>

You can then add custom CSS through Appearance > Editor. If your theme supports custom CSS, you may be able to add your styles in Theme Options. If there is a custom css file in Editor, it is advised to use that for custom styles.

Here is an example of some custom styles:

#my-id{
    color: red;
    font-size: 16px;
    text-decoration: underline;
}

This will set the output to be red, underlined, and to have a font size of 16px.