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_hwn_countdown] to output the countdown.
The countdown will output in days by default (e.g ‘105 days until Halloween!’).
Changing output type
The shortcode can be given a ‘type’ attribute, like so:
[pcf_hwn_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_hwn_countdown type="weeks"]
will output as
It's `x` weeks and `y` days until Halloween!
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_hwn_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.