Our team module modification

We have modified html data in Our team module to :

Code: Select all

<div class="gkTeam" data-count="3"><a href="#"><img src="images/demo/demo_team.jpg" border="0" alt="" /></a> <a href="#">Mark</a> <a href="#"><img src="images/demo/demo_team.jpg" border="0" alt="" /></a> <a href="#">Mikkel</a> <a href="#"><img src="images/demo/demo_team.jpg" border="0" alt="" /></a> <a href="#">Remzi</a> <a href="#">More About Us</a></div>

And module stopped working. No motion, no style.


There must be some trick. If text More About Us is changed once, module stop working and never get back to normal. Even with original html code pasted.

What is going on and how to fix it?

Hi, because you use WYSIWYG editor which changed source code(!),
go to user profile - change to no editor and pastle this code (this from J3.0 version but should work):

Code: Select all

<div class="gkTeam" data-count="7">
<figure data-animation="horizontal" data-delay="0">
<a href="#"><img src="images/demo/demo_team.jpg" alt="" /></a>
<figcaption><a href="#">Mark</a></figcaption>
</figure>

<figure data-animation="horizontal" data-delay="100">
<a href="#"><img src="images/demo/demo_team.jpg" alt="" /></a>
<figcaption><a href="#">Mikkel</a></figcaption>
</figure>

<figure data-animation="horizontal" data-delay="200">
<a href="#"><img src="images/demo/demo_team.jpg" alt="" /></a>
<figcaption><a href="#">Donna</a></figcaption>
</figure>

<figure data-animation="horizontal" data-delay="300">
<a href="#"><img src="images/demo/demo_team.jpg" alt="" /></a>
<figcaption><a href="#">Noemi</a></figcaption>
</figure>

<figure data-animation="horizontal" data-delay="400">
<a href="#"><img src="images/demo/demo_team.jpg" alt="" /></a>
<figcaption><a href="#">Robert</a></figcaption>
</figure>

<figure data-animation="horizontal" data-delay="500">
<a href="#"><img src="images/demo/demo_team.jpg" alt="" /></a>
<figcaption><a href="#">Amanda</a></figcaption>
</figure>

<figure data-animation="horizontal" data-delay="600">
<a href="#"><img src="images/demo/demo_team.jpg" alt="" /></a>
<figcaption><a href="#">Remzi</a></figcaption>
</figure>

<a href="#">More About Us</a>
</div>

Thank you for reply. Switching off editor is not an option. Probably some exceptions to code clearing could be added or another editor could be used?

Could you give me please part of code that corresponds to

Code: Select all

<a href="#">More About Us</a></div>

It miss styling now

I had the same problem. Switching off the text editor (so all you see is the HTML) when you edit that module works well. You also need to have the full code that's above, with <figure> and all that in there for it to work. Then, once you're done editing that module, just turn the editor back on so you can use WYSIWYG for everything else. It's a bit of a pain, but it works.

vboz
Thank You Very Much!
and thanks to Pawel F for correct code