The icons disappear when changing the text

Why do the icons disappear when I change the text in the Web Design and UI section in the Onepage Metro theme?

the image itself disappears but the coloured blocks stay.

2 Answers

DominicStaff
answered 11 years ago

Hello Niall Fitzpatrick !
In order to display icon in ” Introducing ” on site, please follow up steps below:

– Login Dashboard > Page > Introducing
– Change “edite content ” into “HTML” mode
– In the ” edite content ” , find and change the code:

 
<div class="introducing">
  <div class="span4 block">
    <div class="section-img">
        <i class="icon-tpl-design"></i>
    </div>
    <h2 class="section-content-title">Title</h2>
    <div class="content">
        <p>
                   Content
        </p>
  </div>
</div>

  <div class="span4 block">
    <div class="section-img">
      <i class="icon-tpl-spaceship"></i>
    </div>
    <h2 class="section-content-title">Title </h2>
    <div class="content">
          <p>
                   Content
         </p>
    </div>
  </div>

  <div class="span4 block">
    <div class="section-img">
      <i class="icon-tpl-galaxy"></i>
    </div>
    <h2 class="section-content-title">Title</h2>
    <div class="content">
          <p>
                   Content
          </p>
    </div>
  </div>
</div>

Hope this help !

Regards,
Dominic

Niall Fitzpatrick
replied 11 years ago

thanks Dominic. the icon beside my email address in the contact section has disappeared also

DominicStaff
answered 11 years ago

Hello Niall Fitzpatrick !

To resolve your problem, you can log in Dashboard > Page > Get in Touch page, find the following code :


<a class="mail" href="mailto:[email protected]"><em class="icon-envelope"></em>[email protected]</a>

Next, add the class=”icon-envelope” if in the code missing this class
see the screenshot: http://imgur.com/gq5j4QR

please don’t hesitate to contact us if you have further questions.
Hope this help !
Regards,
Dominic