Having trouble modifying the "About" module in the demo

I'm trying to derive a prototype of a site from gk_creativity_quickstart_J!3. It installs OK and behaves like the online demo with no problem.

When I modify the module "About __Meet our talented team. We craft functional, modern websites for you.__" the animation breaks. Even if I simply hit the "save" button in the module manager without making any changes, the animation stops working.

After a fresh install, the section of HTML generated on home page looks like this

Code: Select all

   <div class="gkTeam col4 animate_queue">
   <figure data-fb="https://www.facebook.com/gavickpro" data-twitter="https://twitter.com/gavickpro" data-gplus="https://plus.google.com/+gavickpro/posts" class="animate_queue_element">
      <img src="/demo/images/demo/about/1.jpg" border="0" alt="Tim Berners" />
      <figcaption>
         <h3>Tim Berners</h3>
         <small>CEO Executive Officer</small> </figcaption>
   </figure>
   <figure data-fb="https://www.facebook.com/gavickpro" data-twitter="https://twitter.com/gavickpro" data-gplus="https://plus.google.com/+gavickpro/posts" class="animate_queue_element">
      <img src="/demo/images/demo/about/2.jpg" border="0" alt="Julia Morena" />
      <figcaption>
         <h3>Julia Morena</h3>
         <small>Creative Director</small> </figcaption>
   </figure>
   <figure data-fb="https://www.facebook.com/gavickpro" data-twitter="https://twitter.com/gavickpro" data-gplus="https://plus.google.com/+gavickpro/posts" class="animate_queue_element">
      <img src="/demo/images/demo/about/3.jpg" border="0" alt="Eddy Doe" />
      <figcaption>
         <h3>Eddy Doe</h3>
         <small>Customer Support</small> </figcaption>
   </figure>
   <figure data-fb="https://www.facebook.com/gavickpro" data-twitter="https://twitter.com/gavickpro" data-gplus="https://plus.google.com/+gavickpro/posts" class="animate_queue_element">
      <img src="/demo/images/demo/about/4.jpg" border="0" alt="Robert Frost" />
      <figcaption>
         <h3>Robert Frost</h3>
         <small>Web Designer</small> </figcaption>
   </figure>
</div>

After saving the module, the same section of HTML looks like this

Code: Select all

   <div class="gkTeam col4 animate_queue"><img src="/demo/images/demo/about/1.jpg" alt="Tim Berners" />
<h3>Tim Berners</h3>
<small>CEO Executive Officer</small> <img src="/demo/images/demo/about/2.jpg" alt="Julia Morena" />
<h3>Julia Morena</h3>
<small>Creative Director</small> <img src="/demo/images/demo/about/3.jpg" alt="Eddy Doe" />
<h3>Eddy Doe</h3>
<small>Customer Support</small> <img src="/demo/images/demo/about/4.jpg" alt="Robert Frost" />
<h3>Robert Frost</h3>
<small>Web Designer</small></div>

Can someone explain how to make this work?

Please edit the module without the editor, choose no editor in global configurations so it doesn't strip out any part of the html.

See you around...

Thank you, that solved the problem!

No problem at all, see you around...