Shifted Colons in Fest Template jscounter

Questions related to the configuration of Joomla, Templates, and Security related questions/issues
Rate this topic: Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.Evaluations: 0, 0.00 on the average.
GK User
Mon Jan 07, 2013 5:49 am
Image

i was editing the Custom HTML for my website and now the colons between days, hours, mins, secs is shifted to the left.

i looked at the css/gk.stuff.stuff section that seems to correspond to it but i don't think i made any changes:

.gk-jscounter > div::before {
content: ":";
float: left;
font-size: 32px;
font-weight: 800;
position: absolute;
top: 6px;
left: -4px;
}

how can i fix this? thanks!
User avatar
Fresh Boarder

GK User
Mon Jan 07, 2013 8:14 am
It will be much easier to help you when you tell us what you've modified ? Did you change anything in counter code ?
User avatar
Platinum Boarder

GK User
Mon Jan 07, 2013 9:09 am
bkrztuk wrote:It will be much easier to help you when you tell us what you've modified ? Did you change anything in counter code ?

thx for replying. this is what i changed in the Header module
Code: Select all
<div class="gk-animation" data-height="700">
<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">Memorial Day Weekend<br />May 24 - 26, 2013</h2>
<h1 class="gk-scale-up" data-start="{opacity:0}" data-end="{opacity:1}" data-delay="600" data-time="500">New Jersey<br>International<br>Salsa Congress</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="24-5-2013" data-timeend="15:00" data-timezone="+2" 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 class="gk-ticket" href="#" data-start="{opacity:0, top: '45px'}" data-end="{opacity:1, top: 0}" data-delay="1300" data-time="450"> <strong>Get Your Ticket</strong> <small>Get Your Tickets Now via Eventbrite!</small> </a>-->
</div></div>
User avatar
Fresh Boarder

GK User
Tue Jan 08, 2013 7:55 am
@bkrztuk: do you need more information or access to the website?
User avatar
Fresh Boarder

GK User
Tue Jan 08, 2013 9:28 am
Please just show me your site but it will be much easier when you revert your changes because if it cause the problem it will be hard to detect.
User avatar
Platinum Boarder

GK User
Tue Jan 08, 2013 9:46 am
The website is http://bit.ly/UT0VQE
User avatar
Fresh Boarder

GK User
Wed Jan 09, 2013 12:59 pm
never mind. the cause was in the .gk-jscounter sections of the gk.stuff.css.

apparently it didn't like commenting out segments with the <!--> in the body.
User avatar
Fresh Boarder

GK User
Sat Jan 12, 2013 1:11 pm
So this was a problem with your custom changes or something that we need to improve in our template ?
User avatar
Platinum Boarder

GK User
Sat Jan 12, 2013 10:07 pm
it was my doing, customizing the page.

btw, is there documentation specific to the Fest template? thanks!
User avatar
Fresh Boarder

GK User
Mon Jan 14, 2013 10:58 am
No, there is documentation for whole Gavern Framework which is base for all templates >> http://www.gavick.com/documentation
User avatar
Platinum Boarder


cron