Animated icons dissapears

Hi.
When i duplicate o edit a module like "didnt you know" or "i do my clients", the icon between the letters of the title dissappears.
Why?

Disable the "plug-in the TinyMCE editor"Use for example "CodeMirror".

Yes, exactly - unfortunately WYSIWYG editors in Joomla! likes to remove empty tags from the content

Yes, exactly - unfortunately WYSIWYG editors in Joomla! likes to remove empty tags from the content

OK. I have resolved, Thanks.
and...will be early any solution to that problem?

You can try to research the editor plugin filtering options, but I'm not sure if there are options for disabling the removing of blank elements and support for HTML5 tags.

Hi,good morning to all
i had the same problem,gone with Code Mirror,
copied the code from my Local installation..
but nothing..
the HEART has gone...still

Code: Select all

<ul class="gkClients">
<li class="double" data-scroll-reveal="enter from the top and move 50px over 0.3s">
<h3 class="header">I do my<br />clients</h3>
</li>
<li data-scroll-reveal="enter from the bottom and move 50px over 0.3s after 0.2s"><a href="#"><img src="images/demo/client_1.png" alt="Client" /></a></li>
<li data-scroll-reveal="enter from the bottom and move 50px over 0.3s after 0.3s"><a href="#"><img src="images/demo/client_2.png" alt="Client" /></a></li>
<li data-scroll-reveal="enter from the bottom and move 50px over 0.3s after 0.4s"><a href="#"><img src="images/demo/client_3.png" alt="Client" /></a></li>
<li data-scroll-reveal="enter from the bottom and move 50px over 0.3s after 0.5s"><a href="#"><img src="images/demo/client_4.png" alt="Client" /></a></li>
<li data-scroll-reveal="enter from the bottom and move 50px over 0.3s after 0.6s"><a href="#"><img src="images/demo/client_5.png" alt="Client" /></a></li>
<li data-scroll-reveal="enter from the bottom and move 50px over 0.3s after 0.7s"><a href="#"><img src="images/demo/client_6.png" alt="Client" /></a></li>
<li data-scroll-reveal="enter from the bottom and move 50px over 0.3s after 0.8s"><a href="#"><img src="images/demo/client_7.png" alt="Client" /></a></li>
<li data-scroll-reveal="enter from the bottom and move 50px over 0.3s after 0.9s"><a href="#"><img src="images/demo/client_8.png" alt="Client" /></a></li>
<li data-scroll-reveal="enter from the bottom and move 50px over 0.3s after 1s"><a href="#"><img src="images/demo/client_9.png" alt="Client" /></a></li>
<li data-scroll-reveal="enter from the bottom and move 50px over 0.3s after 1.1s"><a href="#"><img src="images/demo/client_10.png" alt="Client" /></a></li>
</ul>

can you tell me where i'm wronging?

done...reinstalled on local and resolved
this is the right code

<li class="double" data-scroll-reveal="enter from the top and move 50px over 0.3s"><h3 class="header">I do<i class="gk-icon-heart"></i> my<br />clients</h3></li>

the i class"gk-icon-heart"