Elementor - Widget Icon-Box 

Icon-Boxen sind sehr praktisch beim Aufbau von Webseiten. Die häufigste Verwendung ist für Abschnitte,
die Merkmale von Produkten oder Dienstleistungen auflisten.

Sie können jedes Element des Widgets anpassen, Symbol, Überschrift, Beschreibung. Zahlreiche Icons
aus dem Font Awesome (Genial)

 

 

Bearbeiten Icon-Box / Inhalt  

In der Registerkarte Inhalt haben Sie die volle Kontrolle über den Inhalt des Widgets. 

• Ansicht - Ansicht des Symbols als 'Default', 'Stacked' oder 'Framed'. (Gestapelt oder Gerahmt)
  Gestapelt ist mit einem Hintergrund dunkel, Symbol ohne Farbe
  gerahmt ist mit einem runden Rahmen um das Symbol.
• Icon wählen 
  Auswahl aus einer Liste der gesamten Sammlung von Font Awesome Icons.
• Titel & Beschreibung
  Geben Sie den Titel und die Beschreibung Ihres Icon Box-Widgets ein.
• Verlinkung auf
  Link eingeben und wählen, ob er in einem neuen Fenster geöffnet werden soll.
• Icon Ausrichtung 
  Position des Symbols auf der linken, oberen oder rechten Seite des Feldes ein.
• Titel HTML-Tag
  Wähle den Titel-Tag, von H1..H6, Div,
  Span oder P <p>.

 

 

 

 

 

 

 

 

 

 

 

 

Bearbeiten Icon-Box / Style / Icon 

• Primäre Farbe -
• Sekundäre Farbe
  Beachten Sie, dass, wenn Sie gestapelt oder gerahmte Icon-Box wählen,
  benutzen Sie auch eine sekundäre Farbe.
• Abstände 
  Der Zwischenraum zwischen dem Symbol und der Überschrift.
• Größe - Symbolgröße 
  Skalieren Sie die Größe des Symbols auf und ab.
• Symbol Drehen (Rotate) 
  Drehen Sie das Symbol.
  
  

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Bearbeiten Icon-Box / Style / Icon bei Mauszeigerkontakt (hover) 

Primäre Farbe / Sekundäre Farbe
Wähle die primäre und sekundäre Farbe für das Icon hover.

Animation
Wähle aus einer langen Liste von Animationen für den Hover.

 

 

 

 

 

 

 

 

 

Bearbeiten Icon-Box / Style / Inhalt 

• Ausrichtung
  Links, Zentriert, rechts oder Blocksatz.
• Vertikale Ausrichtung -
  Oben, Mitte, Unten
  

 

 

 

 

 

Bearbeiten Icon-Box / Style / Inhalt / Titel  

• Abstände
  Legen Sie den Abstand zwischen dem Titel und der Beschreibung fest.
• Titelfarbe 
  Ändern Sie die Farbe des Titels.
• Typografie -
  hier können Sie die Typografie des Titels anpassen.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Bearbeiten Icon-Box / Style / Inhalt /Beschreibung 

• Beschreibung Farbe
  Ändern Sie die Farbe der Beschreibung.
• Typografie 
  Wählen Sie wie gewohnt die Typografie und ändern genauso wie beim Titel.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Frontend