About module not displaying properly

Layout problem.png

Hello!

The About module works perfectly well after first install. But the moment you make a change to the name of the About module, it stops working properly.

What is happening is that i changed the name of the module named "About __Meet our talented team. We craft functional, modern websites for you.__ " just slightly and now the whole layout of the team got messed up. Instead of showing in one line, it just shows below one another as you can see from the screenshot.

I made no change to the custom layout, just changed the name of the module slightly.

Please help with this.

Please change editor to noeditor first, then edit modules, as normal tinyMCE makes some changes to the code, and when You click save, the new code will not display properly.

Please change editor to noeditor first, then edit modules, as normal tinyMCE makes some changes to the code, and when You click save, the new code will not display properly.

Super! That works like a charm...

Hello! I changed to no editor, but it didn't worked. As it happened to akhtarkamal1, the only change I made was in the name of the module.

This is the code that appears in the custom layout:

<div class="gkTeam col4 animate_queue"><img src="images/demo/about/1.jpg" alt="Tim Berners" />
<h3>Tim Berners</h3>
<small>CEO Executive Officer</small> <img src="images/demo/about/2.jpg" alt="Julia Morena" />
<h3>Julia Morena</h3>
<small>Creative Director</small> <img src="images/demo/about/3.jpg" alt="Eddy Doe" />
<h3>Eddy Doe</h3>
<small>Customer Support</small> <img src="images/demo/about/4.jpg" alt="Robert Frost" />
<p style="text-align: center;"><a class="border bigbutton" href="#">Learn More</a></p>
</div>

Code: Select all

<div class="gkTeam col4 animate_queue">
   <figure data-fb="https://www.facebook.com/gavickpro" data-twitter="https://twitter.com/gavickpro"  class="animate_queue_element">
      <img src="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="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="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" class="animate_queue_element">
      <img src="images/demo/about/4.jpg" border="0" alt="Robert Frost" />
      <figcaption>
         <h3>Robert Frost</h3>
         <small>Web Designer</small> </figcaption>
   </figure>
</div>
<p style="text-align: center;"><a class="border bigbutton" href="#">Learn More</a></p>


Paste this original code, as one You have already is damaged by tineMCE.

Thanks a lot Cyberek! that works great