Countdown timer not calculating correctly
Best WordPress theme for festivals or other events with responsive, clean and unique design.
- GK User
- Mon Jan 26, 2015 8:07 pm
Ok, SO I have the quickstart installed and up an running. The counter is working, but it is displaying the wrong times. I've edited the two instances as shown, but the timer is way off. What am I doing wrong here?
This is my code:
<div class="gk-animation" data-height="530">
<div class="gk-animation-wrap">
<div class="gka-bg">Background</div>
<h2 class="gk-scale-up" data-start="{'opacity':0}" data-end="{'opacity':1}" data-delay="200" data-time="500">Chattahoochee River Country Music Festival 24 July. - 26 July. 2015</h2>
<h1 class="gk-scale-up" data-start="{'opacity':0}" data-end="{'opacity':1}" data-delay="600" data-time="500">Countdown</h1>
<div class="gk-stars" data-start="{'opacity':0}" data-end="{'opacity':1}" data-delay="1000" data-time="500">* * * * * *</div>
<div class="gk-jscounter gk-scale-up" data-dateend="7-24-2015" data-timeend="00:00" data-timezone="-5" data-start="{'opacity':0}" data-end="{'opacity':1}" data-delay="900" data-time="500">Counting finished!</div>
<div class="gk-guitar" data-start="{'opacity': 0, 'right': '-200px'}" data-end="{'opacity': 1, 'right': 0}" data-delay="900" data-time="450">Guitar</div>
<a href="http://crcmf.com/?post_type=product" class="gk-ticket" data-start="{'opacity':0, 'top': '45px'}" data-end="{'opacity':1, 'top': 0}" data-delay="1300" data-time="450">
<strong>Get a ticket</strong>
<small>Come Join Us!</small>
</a>
</div>
</div>
...................................
this is what shows up

This is my code:
<div class="gk-animation" data-height="530">
<div class="gk-animation-wrap">
<div class="gka-bg">Background</div>
<h2 class="gk-scale-up" data-start="{'opacity':0}" data-end="{'opacity':1}" data-delay="200" data-time="500">Chattahoochee River Country Music Festival 24 July. - 26 July. 2015</h2>
<h1 class="gk-scale-up" data-start="{'opacity':0}" data-end="{'opacity':1}" data-delay="600" data-time="500">Countdown</h1>
<div class="gk-stars" data-start="{'opacity':0}" data-end="{'opacity':1}" data-delay="1000" data-time="500">* * * * * *</div>
<div class="gk-jscounter gk-scale-up" data-dateend="7-24-2015" data-timeend="00:00" data-timezone="-5" data-start="{'opacity':0}" data-end="{'opacity':1}" data-delay="900" data-time="500">Counting finished!</div>
<div class="gk-guitar" data-start="{'opacity': 0, 'right': '-200px'}" data-end="{'opacity': 1, 'right': 0}" data-delay="900" data-time="450">Guitar</div>
<a href="http://crcmf.com/?post_type=product" class="gk-ticket" data-start="{'opacity':0, 'top': '45px'}" data-end="{'opacity':1, 'top': 0}" data-delay="1300" data-time="450">
<strong>Get a ticket</strong>
<small>Come Join Us!</small>
</a>
</div>
</div>
...................................
this is what shows up

-
- Fresh Boarder
- GK User
- Tue Jan 27, 2015 8:34 am
Hello,
Please check this article:
https://demo.gavick.com/wordpress/fest/?p=918
The dataend attribute is in D-M-Y format, please change it and check again.
Please check this article:
https://demo.gavick.com/wordpress/fest/?p=918
The dataend attribute is in D-M-Y format, please change it and check again.
-
- Moderator
- GK User
- Tue Jun 02, 2015 6:39 am
Hi, i have read the explanation in the link provided, but i am not a developer and i feel its quite complex especially when it comes to additional responsive edits, is there not one place where i can go to edit the date so the counter re activates and will render responsive?
thankyou Keith
thankyou Keith
-
- Senior Boarder
- GK User
- Tue Jun 02, 2015 6:41 am
i would have expected this to be a widget but can find it
-
- Senior Boarder
- GK User
- Tue Jun 02, 2015 7:21 am
Hi, Did you check this article? https://demo.gavick.com/wordpress/fest/?p=918
It's a widget, Text widget with the content from the article (first fragment of code), if you are using a quickstart package you should find this widget in Header widget area:
https://www.gavick.com/documentation/wp ... text-4.png
It's a widget, Text widget with the content from the article (first fragment of code), if you are using a quickstart package you should find this widget in Header widget area:
https://www.gavick.com/documentation/wp ... text-4.png
-
- Moderator
- GK User
- Wed Jun 03, 2015 2:50 pm
Thankyou it was as simple as i hoped
-
- Senior Boarder
6 posts
• Page 1 of 1