Basic Instructions
Once the plugin is installed, go to Settings > General > PCF Countdown Options to input a name and date for the countdown.
Use the shortcode [pcf_bday_countdown] to output the countdown.
The countdown will output in days by default (e.g ‘105 days until names Birthday’).
Changing output type
The shortcode can be given a ‘type’ attribute, like so:
[pcf_bday_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_bday_countdown type="weeks"]
will output as
It's `x` weeks and `y` days until `name`s Birthday!
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_bday_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: blue;
font-size: 16px;
text-decoration: underline;
}
This will set the output to be blue, underlined, and to have a font size of 16px.
