Remove animation and font issue...

How do you remove the animation (fade in and up) on the testimonial boxes from the homepage? Looking at the code, it doesn't have the "animation" class in it that I can remove...

And second, in the TopBar, there is a phone number and a Live chat link... I can't get the font/size/positioning to match the one on the quickinstall. (Even though I used the quickinstall package.) Looking at the template documentation here: https://www.gavick.com/documentation/wo ... uration-2/ I used the code for it

Code: Select all

<div class="custom">
<span class="gkinfo"><i class="icon-phone"></i>
 +48 (0)10 7516 9342
</span>
<span class="gkinfo"><i class="icon-comments"></i> <a href="#live-chat">
Live Chat
</a></span>   
</div>

and it still doesn't display correctly. Any ideas?
Thanks!

OOPS - here's the site that I'm working on: http://atlantalegacyvideo.com/
Joe

in css gkinfo is not same as gk-info

in css gkinfo is not same as gk-info

LOL - thanks. I had just copied it from the documentation... not too sure what happened there.

Any idea about removing that fade in animation on the testimonial blocks?

Thanks again,
Joe

Could you please post a link to a documentation where the code is wrong?

Could you please post a link to a documentation where the code is wrong?

This page: https://www.gavick.com/documentation/wo ... uration-2/
Number 16 - Top Bar

Any hints about removing that animation, though?

Thanks,

Joe

I have modified module mockup, so it looks this way:

Code: Select all

<h3 class="header">A Brand You Can Trust. They trusted us.<small>CloudHost hosting has been serving the web community since 2007.</small></h3>


<div class="gkTestimonials" data-extralinks="on">
<div>
<div class="loaded"><img src="images/demo/testimonial1.jpg" alt="Testimonial I" /><blockquote><p>I really enjoyed CloudHost very much, I’m looking forward to using it on larger projects.</p><strong>Company, ltd.</strong></blockquote></div>
<div class="loaded"><img src="images/demo/testimonial2.jpg" alt="Testimonial II" /><blockquote><p>I really enjoyed CloudHost very much, I’m looking forward to using it on larger projects.</p><strong>Company, ltd.</strong></blockquote></div>
<div class="gkText loaded"><div><p>Our customers love us.<br />We are rated 4.99 / 5.00</p></div></div>
</div>

<div>
<div class="loaded"><blockquote><p>I really enjoyed CloudHost very much, I’m looking forward to using it on larger projects.</p><strong>Company, ltd.</strong></blockquote><img src="images/demo/testimonial3.jpg" alt="Testimonial III" /></div>
<div class="loaded"><blockquote><p>I really enjoyed CloudHost very much, I’m looking forward to using it on larger projects.</p><strong>Company, ltd.</strong></blockquote><img src="images/demo/testimonial4.jpg" alt="Testimonial IV" /></div>
<div class="gkLink loaded"><div><a href="#">More testimonials</a></div></div>
</div>
</div>


Now those elements show right away.
(the change was to add loaded class to correct elements).

Worked like a charm! Thanks again.