OUR TEAM vertically aligned!?

Hello everybody!

I have been fighting with my "Our team" module. I was trying it in other positions and it got vertically aligned. When I put it back in Bottom3 it maintained the vertical alignment, even if there is nothing else in Bottom3. Any ideas how can I get it back to be horizontal and cute?

Thanks!

Hi,
can you give us url to your site? It will be much easier to help you.

Hi,
can you give us url to your site? It will be much easier to help you.

Yes! Here it is http://www.fernandatorre.eu/
Thanks!!

Try edit your code using same structure as in quickstart:

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>


but remember set Editor option to none in global joomla settings.

Coolio! Works great! Just an idea: It would save you guys (and us) a lot of time if all this code was publised in a tutorial

Thanks!!

I can't seem to correct this problem either: I am going to extensions; module manager; Our __Team__**We are creative, innovative people**

Still can't get it restore to horizontal.

Try edit your code using same structure as in quickstart:

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>


but remember set Editor option to none in global joomla settings.

Have to go to global configurations, then change tinymce to off.

I can't seem to correct this problem either: I am going to extensions; module manager; Our __Team__**We are creative, innovative people**

Still can't get it restore to horizontal.

Try edit your code using same structure as in quickstart:

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>


but remember set Editor option to none in global joomla settings.