Animierte Box JetElements-Modulstil für Elementor – mteleben.com-Support

Last Updated on 11/10/2021 by MTE Leben

In diesem Tutorial erfahren Sie, wie Sie den Stil des Animated Box JetElements-Moduls für Elementor anpassen.

StyleGeneral Hier können Sie von der Anpassung der Einstellungen für die animierte Box von vorne nach hinten wechseln. Klicken Sie einfach auf die Schaltfläche Zurück, um mit der Anpassung der Rückseite der Animated Box-Modulelemente fortzufahren.

• Höhe — hier können Sie den Höhenwert (in Pixel) für die animiertes Boxmodul. Die Höhe ist der allgemeine Parameter für die Vorder- und Rückseite der animierten Box.
• Hintergrundtyp — in diesem Block können Sie wählen, ob Sie den klassischen oder den Farbverlauf verwenden möchten der animierte Kastenhintergrund. Die Anpassungsoptionen variieren für jeden Typ.

Klassischer Hintergrundtyp

• Farbe — hier können Sie die Hintergrundfarbe für die animierte Box mit dem Farbauswahlwerkzeug festlegen.
• Bild — Hier können Sie das Bild auswählen, das Sie als Hintergrund verwenden möchten. Wählen Sie das Bild aus der Medienbibliothek aus oder laden Sie es hoch, um es als Hintergrund in diesem Block zu definieren. Wenn das Bild hochgeladen wird, können Sie seine Position und Ausrichtung definieren, die Wiederholung aktivieren und die erforderliche Größe einstellen.

Hintergrundtyp mit Farbverlauf

• Farbe — hier können Sie die Hintergrundfarbe für das Modul mit dem Farbwähler-Tool einstellen.
• Ort — hier können Sie den Anteil für die erste Farbe im Verlaufshintergrund.
• Zweite Farbe — hier können Sie die zweite Farbe für den Verlaufshintergrund einstellen.
• Ort — hier sind Sie kann den Anteil für die zweite Farbe im Verlaufshintergrund definieren.
• Typ — Definieren Sie, ob Sie einen linearen oder radialen Typ des Verlaufs verwenden möchten.
• Winkel — in diesem Block können Sie den Winkel für den Gradienten (in Grad) einstellen.
• Randtyp — hier können Sie den Typ des Randes definieren Sie müssen für die animierte Box verwenden.
• Box Shadow — aktivieren Sie diese Option, wenn Sie auf die erweiterten Schatteneinstellungen für dieses Modul zugreifen möchten und dafür Schatten anwenden müssen. Schatteneinstellungen:
  • Farbe — hier können Sie die Farbe für den Schatten einstellen (verwenden Sie dazu das Farbauswahlwerkzeug);
  • unschärfe — in diesem Block können Sie die Weichzeichnungseinstellungen für den Schatten definieren;
  • spread — hier können Sie einstellen, wie groß der Schatten sein soll;
  • horizontal — hier können Sie den Schatten horizontal verschieben (von rechts nach links);
  • vertikal — hier können Sie den Schatten vertikal verschieben (von oben nach unten).

Symbol Hier können Sie zum Anpassen des Front- und Back-Symbols wechseln. Um zum Anpassen zu wechseln, müssen Sie auf die entsprechende Schaltfläche klicken.

• Symbolfarbe — hier können Sie die Farbe für das Symbol auswählen.
• Hintergrundfarbe — in diesem Block Sie können die Farbe für den Symbolhintergrund einstellen.
• Schriftgröße — hier können Sie den Wert der Symbolgröße in Pixeln definieren.
• Boxgröße — in diesem Block können Sie den Wert für die Symbolboxgröße (in Pixel) eingeben.
• Randtyp — hier können Sie die Art des Rands auswählen aus das Dropdown-Menü. Hier ist die Liste der verfügbaren Rahmentypen:
  • keine;
  • solid;
  • verdoppelt;
  • gestrichelt;
  • gestrichelt.
  • Box Shadow — aktivieren Sie diese Option, wenn Sie auf die erweiterten Shadow-Einstellungen für dieses Modul zugreifen möchten und dafür Shadow anwenden müssen.
  • Ausrichtung — Hier können Sie die bevorzugte Ausrichtung des Symbols festlegen. Das Symbol kann links, rechts oder zentriert platziert werden.

  Titel

  • Titelfarbe — hier können Sie Definieren Sie die passende Farbe für den animierten Boxtitel. Verwenden Sie das Farbauswahlwerkzeug, um die erforderliche Farbe auszuwählen.
  • Typografie — Aktivieren Sie die Option, um die Typografieeinstellungen anzuzeigen.
  • Größe — Definieren Sie die Schriftgröße des animierten Boxtitels.
  • Familie — hier können Sie die Schriftfamilie für den Titel einstellen.
  • Gewicht — in diesem Block können Sie die passende Schriftstärke auswählen.
  • Transformieren — hier können Sie aus dem Dropdown-Menü auswählen, ob der Titel in Großbuchstaben, Kleinbuchstaben, Großbuchstaben angezeigt werden soll oder normal.
  • Stil — in diesem Block können Sie aus dem Dropdown-Menü den Stil für die Schriftart auswählen. Sie kann normal, kursiv (die Zeichen sehen handschriftlich ähnlich) und schräg (die Zeichen sind leicht nach rechts geneigt) sein.
  • Zeilenhöhe — in diesem Feld können Sie die Höhe der Titelzeile.
  • Letter Spacing — hier können Sie den Abstand zwischen den Buchstaben einstellen.
  • Alignment — hier können Sie definieren die bevorzugte Titelausrichtung. Der Titel kann links, rechts oder zentriert platziert werden.

  Untertitel

  • Untertitelfarbe — hier können Sie die passende Farbe für den animierten Box-Untertitel festlegen. Verwenden Sie das Farbauswahlwerkzeug, um die erforderliche Farbe auszuwählen.
  • Typografie — Aktivieren Sie die Option, um die Typografieeinstellungen anzuzeigen.
  • Größe — Definieren Sie die Schriftgröße des animierten Box-Untertitels.
  • Familie — hier können Sie die Schriftfamilie für den Untertitel einstellen.
  • Gewicht — in diesem Block können Sie die passende Schriftstärke auswählen.
  • Transformieren — hier können Sie aus dem Dropdown-Menü auswählen, ob der Untertitel in Großbuchstaben, Kleinbuchstaben, Großbuchstaben angezeigt werden soll oder normal.
  • Stil — in diesem Block können Sie aus dem Dropdown-Menü den Stil für die Schriftart auswählen. Sie kann normal, kursiv (die Zeichen sehen handschriftlich ähnlich) und schräg (die Zeichen sind leicht nach rechts geneigt) sein.
  • Zeilenhöhe — in diesem Feld können Sie die Höhe der Untertitelzeile.
  • Letter Spacing — hier können Sie den Abstand zwischen den Buchstaben einstellen.
  • Alignment — hier können Sie definieren die bevorzugte Untertitelausrichtung. Der Titel kann links, rechts oder zentriert platziert werden.

  Beschreibung Hier können Sie vom Anpassen der Vorderseite zum Einrichten der Rückseitenbeschreibung wechseln. Klicken Sie dazu auf die entsprechende Schaltfläche.

  • Beschreibung Farbe — hier können Sie die passende Farbe für den animierten Boxinhalt festlegen. Verwenden Sie das Farbauswahlwerkzeug, um die erforderliche Farbe auszuwählen.
  • Typografie — Aktivieren Sie die Option, um die Typografieeinstellungen anzuzeigen.
  • Größe — Definieren Sie die Schriftgröße des animierten Boxinhalts.
  • Familie — hier können Sie die Schriftfamilie für den Inhalt einstellen.
  • Gewicht — in diesem Block können Sie die passende Schriftstärke auswählen.
  • Transformieren — hier können Sie aus dem Dropdown-Menü auswählen, ob der Inhalt in Großbuchstaben, Kleinbuchstaben, Großbuchstaben angezeigt werden soll oder normal.
  • Stil — in diesem Block können Sie aus dem Dropdown-Menü den Stil für die Schriftart auswählen. Sie kann normal, kursiv (die Zeichen sehen handschriftlich ähnlich) und schräg (die Zeichen sind leicht nach rechts geneigt) sein.
  • Zeilenhöhe — in diesem Feld können Sie die Höhe der Inhaltstextzeilen.
  • Buchstabenabstand — hier können Sie den Abstand zwischen den Buchstaben einstellen.
  • Ausrichtung — hier können Sie Definieren Sie die bevorzugte Inhaltsausrichtung. Der Titel kann links, rechts oder zentriert platziert werden.

  Aktionsknopf Hier können Sie von der Anpassung der Vorderseite zur Einrichtung der Rückseite des Aktionsbuttons wechseln. Klicken Sie dazu auf die entsprechende Schaltfläche.

  • Hintergrundfarbe — hier können Sie die passende Farbe für den Hintergrund der animierten Box-Schaltfläche festlegen. Verwenden Sie das Farbauswahlwerkzeug, um die erforderliche Farbe auszuwählen.
  • Textfarbe — In diesem Block müssen Sie die bevorzugte Farbe für den Schaltflächentext auswählen.
  • Typografie — Aktivieren Sie die Option, um die Typografieeinstellungen anzuzeigen. Sie ähneln den Beschreibungstypografie-Optionen.
  • Rahmentyp — hier können Sie den Typ des Rahmens aus dem Dropdown-Menü auswählen.
  • Box Shadow — Aktivieren Sie diese Option, wenn Sie auf die erweiterten Shadow-Einstellungen für dieses Modul zugreifen möchten und dafür Shadow anwenden müssen.

  Overlay

  • Hintergrundtyp — in diesem Block können Sie wählen, ob Sie den klassischen oder den Verlaufstyp für die animierte Box verwenden möchten Hintergrund. Die Anpassungsoptionen variieren für jeden Typ.

  Klassischer Hintergrundtyp

  • Farbe — hier können Sie die Hintergrundfarbe für die animierte Box mit dem Farbauswahlwerkzeug festlegen.
  • Bild — Hier können Sie das Bild auswählen, das Sie als Hintergrund verwenden möchten. Wählen Sie das Bild aus der Medienbibliothek aus oder laden Sie es hoch, um es als Hintergrund in diesem Block zu definieren. Wenn das Bild hochgeladen wird, können Sie seine Position und Ausrichtung definieren, die Wiederholung aktivieren und die erforderliche Größe einstellen.

  Hintergrundtyp mit Farbverlauf

  • Farbe — hier können Sie die Hintergrundfarbe für das Modul mit dem Farbauswahlwerkzeug festlegen.
  • Ort — hier können Sie den Anteil für die erste Farbe im Verlauf festlegen Hintergrund.
  • Zweite Farbe — hier können Sie die zweite Farbe für den Hintergrund mit Farbverlauf einstellen.
  • Ort — hier können Sie Definieren Sie den Anteil für die zweite Farbe im Verlaufshintergrund.
  • Typ — Definieren Sie, ob Sie einen linearen oder radialen Typ des Verlaufs verwenden möchten.
  • Winkel — in diesem Block können Sie den Winkel für den Farbverlauf (in Grad) einstellen.
  • Deckkraft — in diesem Block können Sie die Deckkraft für die Überlagerung wählen .

  Befehl In diesem Block können Sie die bevorzugte Reihenfolge der Elemente festlegen, die in der animierten Box angezeigt werden. Geben Sie die Bestellnummer für jedes der Elemente in die erforderlichen Felder ein, um Ihre benutzerdefinierte Elementbestellung zu erstellen.