Frontpage Animation w/price table

Hello, I am trying to use animation inside a K2 item unsucessfuly.

Code tried:

Code: Select all

<p data-scrollreveal="enter top move 25px">content</p>

<p class="gkAnimate">Content</p>


I tried with text, it didn't work... with both.

First aim was to animate a Price Table.. but i am not sure if this is possible:

Code: Select all


<p class="gkAnimate">
<div class="gkPriceTable col3">
<dl>
<dt>Basic</dt>
<dd class="gkPrice">$15<small>/ month</small></dd>
<dd>Access to all themes</dd>
<dd>Regular theme updates</dd>
<dd>Email /  Phone Support</dd>
<dd>Use your own domain</dd>
<dd><a href="#" class="button" >Choose</a></dd>
</dl>

<dl class="gkPremium">
<dt>Premium</dt>
<dd class="gkPrice">$99<small>/ month</small></dd>
<dd>Access to all themes</dd>
<dd>Regular theme updates</dd>
<dd>Email /  Phone Support</dd>
<dd>Use your own domain</dd>
<dd>Try it for a month!</dd>
<dd><a href="#" class="button" >Choose</a></dd>
</dl>

<dl>
<dt>Plus</dt>
<dd class="gkPrice">$29<small>/ month</small></dd>
<dd>Access to all themes</dd>
<dd>Regular theme updates</dd>
<dd>Email /  Phone Support</dd>
<dd>Use your own domain</dd>
<dd><a href="#" class="button" >Choose</a></dd>
</dl>
</div>
</p>



Hello,

Could you provide an URL to your website with this issue?

I've sent the information through private message. thank you

Sorry, but while I'm trying to visit the linked website I'm getting the following error: "Erreur de chargement du composant : , Composant introuvable"

Sorry I've made some SEF changes since I posted the URL:

Here is the new one:
http://miggg.quebecguitare.com/cours-de ... mon-gagnon

You have to apply the **data-scroll-reveal** property to the <div class="gkPriceTable col3"> element, not the <p> element, because the <p> element cannot wrap the <div> elements.

Great it works! Thank you Dziudek!