Getting help for your Smart CMS Website
There is no such thing as an average business
Where to go?
Achieving success managing your website could not be simpler. Choose an area from the navigation below or use our search facility or sitemap if you are unsure how to proceed.
Current version and revision history are available here
Handle every single aspect of your site
Countdown
In "version 1.1.8" we introduced an event countdown timer which can be displayed on your home page and customised to suit your requirements. This is useful for showing the time left on a promotion or how long until Christmas etc.
To administer these settings login to your administration area. Click on the tab "Content" and from this page click on the link "Event countdown". This can be found under the sub-heading "General Information".
When the main "Event countdown" page loads you will be shown the available options.
Turn on the event countdown, choose the date your event finishes (finishes midnight on the date you select) and choose both a predefined style and colour or select custom.
By choosing custom you are given the option to select a counter style and all the colours for it.
You can add a comment under the timer such as "time left until Christmas" or "time left to use coupon code xxx". This container box can also accept HTML so images can also be used
Note: You do not need to remember to turn the timer off. Once the timer reaches 0 it will automatically be removed from display.
Formatting and display;
You can style the area the countdown timer is shown in, by adding the following styles to your sites CSS file (if not already added);
- beat-the-clock (wrapper div id)
- clock (div id which holds the clock)
- clock-button (div id which holds the bottom text or images)
Example CSS to style your countdown timer:
#beat-the-clock {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
background-image:url(images/beat-the-clock-blank.jpg);
background-repeat:no-repeat;
float:left;
height:127px;
width:475px;
font-weight:bold;
padding-top:145px;
line-height:20px;
background-position: 18px 0px;
padding-left: 75px;
}
#clock {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: normal;
color: #000;
float: right;
height: auto;
width: 265px;
padding-top: 2px;
padding-right: 40px;
padding-bottom: 0px;
padding-left: 5px;
}
#clock-button {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: normal;
color: #000;
float: right;
height: auto;
width: 310px;
padding-top: 22px;
padding-right: 40px;
padding-left: 5px;
text-align: right;
}
| Share this page on: | ||||||
|
| « Previous: Page | Next » |
Other areas
- Product Sections & categories
- Products
- Product page - layout options
- Product options
- Product options and price - layout options
- Product tabs
- Featured Item
- Item Types
- Delivery time scales
- Secure forms
- Secure forms options
- Testimonials
- Blog sections
- Smart blogs and posts
- Home page
- Home page random images
- General information pages
- General information pages sections
- Links page
- Download link
- Image Gallery & sections
- Portfolio pages
- FAQs and Sections
- Rate and Review