This plugin requires at least WordPress 3.0
Installation - https://www.youtube.com/watch?v=x4BZv9LY3mQ
How To Add Image Or Video Background - https://www.youtube.com/watch?v=KWteviZF07o
Manage The Social Channels - https://www.youtube.com/watch?v=CB8c9ZmoNLI
How To Insert It On A Page Or Post - https://www.youtube.com/watch?v=h7ZcgS-E0h0
How To Enable Maintenance Mode - https://www.youtube.com/watch?v=VXrkg8iMtxA
Step 1. Enter in your wordpress CMS and go to Plugins menu
Step 2. Under Plugins menu click "Add New"
Step 3. Select "Upload", choose the archive chronos_countdown.zip that you downloaded and hit "Install Now"
Step 4. After the plugin is installed click "Activate Plugin"
Step 5. In you page just add the shortcode: [chronos_countdown settings_id='1']
click here for more details regarding the shortcode
From this section you can define the countdowns.
If you need to include multiple countdowns in your pages with different settings you can define the countdowns and manage the settings for each one.
If you need only one slider in your website, just edit the default one.
From this section you can define the countdown settings.
Attribute | Description |
General settings | |
Launch Date | The date when the contdown ends. YEAR: 4 digists year |
Use Server Time | Possible values: |
Plugin Font Family | plugin font-family. You can use Google fonts: https://www.google.com/fonts |
Plugin Font Family Google Link | plugin font-family link. You can use Google fonts: https://www.google.com/fonts |
Logo | The logo |
Logo Link | The logo link |
Logo Target | Possible values: |
Social Bg OFF State | The share icon OFF state background image |
Social Bg ON State | The share icon ON state background image |
Line Separator Img | The Header and social line separator |
CallBack Function | The function which will run when the countdown ends. |
Enable Maintenance Mode | Possible values: true - maintenance mode will be enabled false - maintenance mode will be disabled |
Page Body Background - Additional CSS (available only when you set Enable Maintenance Mode - true) |
The page background color. It will be used only if Enable Maintenance Mode |
The CountDown Area Settings | |
Element Width | The countdown element width |
Element Height | The countdown element width |
Element Bg Color - Hexa | The countdown element background color |
Element Font Size | The countdown element font size, used for the numbers |
Element Font Color | The countdown element font color, used for the numbers |
Element Label Font Size | The countdown element label font size, used for the label Days, Hours, Minutes and Seconds |
Element Label Color | The countdown element label font color, used for the label Days, Hours, Minutes and Seconds |
Element Label Top Padding | The countdown element label top padding, used for the label Days, Hours, Minutes and Seconds |
Elements Dots Separator Color | The countdown elements dots separator |
CountDown Top Padding | The entire countdown top padding |
CountDown Bottom Padding | The entire countdown bottom padding |
Clock Face | You can set the countdowt down the following: DailyCounter - the countdown will show Days, Hours, Minutes, Seconds HourlyCounter - the countdown will show Hours, Minutes, Seconds MinuteCounter - the countdown will show Minutes, Seconds |
Language | The following languages are available for the elements label: english spanish french german danish finnish italian latvian dutch norwegian portuguese russian swedish chinese arabic |
H tags settings | |
H2 Content | H2 text |
H2 Size | CountDown H2 size |
H2 Color | CountDown H2 size, in hexa |
H2 Weight | CountDown H2 font weight. Possible values: - normal - bold |
H2 Top Margin | CountDown H2 margin-top |
H3 Content | H3 text |
H3 Size | CountDown H3 size |
H3 Color | CountDown H3 size, in hexa |
H3 Weight | CountDown H3 font weight. Possible values: - normal - bold |
H3 Top Margin | CountDown H3 margin-top |
H4 Content | H4 text |
H4 Size | CountDown H4 size |
H4 Color | CountDown H4 size, in hexa |
H4 Weight | CountDown H4 font weight. Possible values: - normal - bold |
H4 Top Margin | CountDown H4 margin-top |
Background Settings | |
Page/Div Background - Image | Select an optional image background for the page (in case you activate Maintenance Mode) or for the div (in case you insert it in a page or post) |
YouTube Video ID | Add an optional YouTube video ID as background for the page (in case you activate Maintenance Mode) or for the div (in case you insert it in a page or post) |
Vimeo Video ID | Add an optional Vimeo video ID as background for the page (in case you activate Maintenance Mode) or for the div (in case you insert it in a page or post) |
Self-Hosted Video | Select an optional MP4 video as background for the page (in case you activate Maintenance Mode) or for the div (in case you insert it in a page or post) |
Video Proportion Width | The video proportion is considered to be 16/9. If your video has another proportion, you can set a different value here. The height proportion will always be 9 |
Texture Path | The path to the texture file, which will be placed over the image or video backgorund. |
Image | URL to the large image |
Link For The Image | You can specify a link associated to the image |
Link Target | Possible values: *** If all your links will behave the same, you can ignore this parameter and use Target Window For Link from Showcase Settings |
Image Title / Alternative Text | alternative text used to populate "alt" and "title" tags |
The shortcode is:
[chronos_countdown settings_id='1']
where
settings_id is the slider ID defined in "Manage Showcases" section