HGF: Inhalt
      Zurück zur Startseite
      1. Knowledge Base
      2. Web Design
      3. HGF: Inhalt

      Die Icons werden auf einer der Zimmerseiten nicht angezeigt?

      Schriftsymbole und Miniaturbilder, die neben Beschriftungen präsentiert werden, sind eine großartige Möglichkeit, Zimmerausstattungen zu präsentieren.

      Wenn die Symbole auf einer der Zimmerseiten nicht angezeigt werden, überprüfen Sie zunächst die Quellansicht des Seiteneditors auf Fehler im HTML-Code.

      Wenn Sie sich damit nicht wohl fühlen, bearbeiten Sie eine Seite, auf der Sie die Symbole sehen können, kopieren Sie den Code und fügen Sie ihn als Vorlage ein.

      Hier haben Sie ein Beispiel:

      font-icons-01font-icons-02font-icons-03

      Sie können auch den Code dieser Symbole kopieren:

      <div class="col-md-4 sb-icons-rooms">
          <span class="fa fa-bathtub fa-2x">&nbsp;</span> bathtub<br />
          <span class="fa fa-shower fa-2x">&nbsp;</span> shower<br />
          <span class="fa fa-wheelchair fa-2x">&nbsp;</span> wheelchair<br />
          <span class="fa fa-music fa-2x">&nbsp;</span> music</div>
      <div class="col-md-4 sb-icons-rooms">
          <span class="fa fa-wheelchair fa-2x">&nbsp;</span> wheelchair<br />
          <span class="fa fa-television fa-2x">&nbsp;</span> television<br />
          <span class="fa fa-headphones fa-2x">&nbsp;</span> headphones<br />
          <span class="fa fa-desktop fa-2x">&nbsp;</span> desktop</div>
      <div class="col-md-4 sb-icons-rooms">
          <span class="fa fa-laptop fa-2x">&nbsp;</span> laptop<br />
          <span class="fa fa-wifi fa-2x">&nbsp;</span> wifi<br />
          <span class="fa fa-cutlery fa-2x">&nbsp;</span> cutlery<br />
          <span class="fa fa-glass fa-2x">&nbsp;</span> glass</div>

      Dieses Markup stammt aus dem Bootstrap 4-Framework.

       

      Im CMS-Menü finden Sie eine Vielzahl weiterer Symbole.

      Dadurch gelangen Sie zu einer Seitenbibliothek mit Symbolen, aus der Sie die Größe ändern und auswählen können.


      Das Auswählen des Symbols kopiert den Code in die Zwischenablage, sodass es einfach ist, diesen in die Quellansicht des HTML-Editors einzufügen.