Springe zum Hauptinhalt

Divi Tutorial: Wie man das Vollbild Menü Modul benutzt

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Mit dem Vollbild-Menü-Modul von Divi können Sie ganz einfach schöne, farbenfrohe Überschriften oben auf Ihren Seiten hinzufügen (oder auf Wunsch überall auf Ihrer Website). Diese Module können nur in Abschnitten voller Breite platziert werden.

Kopfzeilenmodul für volle Breite divi.png

So fügen Sie das Divi-Vollbildmenü-Modul hinzu

Bevor Sie Ihrer Seite ein Vollbild-Menümodul hinzufügen können, müssen Sie zunächst in Divi Builder springen. Sobald das Divi-Thema auf Ihrer Website installiert ist, werden Sie eine Schaltfläche bemerken Verwenden Sie Divi Builder über dem Post-Editor, wenn Sie eine neue Seite erstellen. Klicken Sie auf diese Schaltfläche, um Divi Builder zu aktivieren und auf alle Divi Builder-Module zuzugreifen. Klicken Sie dann auf die Schaltfläche Verwenden Sie Visual Builder um den Generator im visuellen Modus zu starten. Sie können auch auf die Schaltfläche klicken Aktivieren Sie den visuellen Builder Wenn Sie Ihre Website im Vordergrund durchsuchen, wenn Sie mit Ihrem WordPress-Dashboard verbunden sind.

Verwenden Sie Divi Builder

Nachdem Sie Visual Builder eingegeben haben, können Sie auf das graue Pluszeichen klicken, um Ihrer Seite ein neues Modul hinzuzufügen. Neue Vollbild-Menümodule können nur in Abschnitten mit voller Breite hinzugefügt werden. Wenn Sie eine neue Seite starten, vergessen Sie nicht, Ihrer Seite zuerst einen Abschnitt mit voller Breite hinzuzufügen.

vollständiges Menü divi.png

Suchen Sie das Vollbild-Header-Modul in der Liste der Module und klicken Sie darauf, um es Ihrer Seite hinzuzufügen. Die Liste der Module ist durchsuchbar. Sie können also auch das Wort "Vollbild-Header" eingeben und dann auf "Enter" klicken, um das Vollbild-Header-Modul automatisch zu finden und hinzuzufügen! Sobald das Modul hinzugefügt wurde, werden Sie von der Moduloptionsliste begrüßt. Diese Optionen sind in drei Hauptgruppen unterteilt: Inhalt , Konzeption et fortgeschritten .

Beispiel für einen Anwendungsfall: Hinzufügen eines Vollbild-Headers zu einer Info-Seite

In diesem Beispiel zeige ich Ihnen, wie Sie mit dem Fullwidth-Header-Modul einen Header mit benutzerdefiniertem Text und einem Hintergrundbild hinzufügen.

Alle Vollbildmodule sind nur verfügbar, wenn Vollbildabschnitte verwendet werden. Fügen Sie mit Visual Builder einen neuen Vollbildabschnitt ein. Fügen Sie dann dem Abschnitt ein Personenmodul hinzu.

Aktualisieren Sie die Einstellungen für den Vollbild-Header wie folgt:

Inhaltsoptionen

Titel: Über uns Untertitel Text: Wir machen Dinge anders ... Hintergrundbild URL: [1920 x 800 Bild einfügen] Überlagerungshintergrund Farbe: rgba (0,0,0,0.2 XNUMX)

Design-Optionen

Text- und Logoausrichtung: Mittlere Schaltfläche Bildlauf nach unten Schaltfläche: JA Symbol: [Symbol auswählen] Bildlaufsymbol Farbe: # fcbf00 Bildlaufsymbol: 50px Textfarbe: Hell Textfarbe: # fcbf00 Schriftart Titel: Öffnen ohne, fett, Großbuchstaben Titel Schriftgröße: 60px (Desktop), 40px (Tablet), 30px (Telefon) Untertitel Schriftgröße: 25px

Erweiterte Optionen (benutzerdefiniertes CSS)

Hauptelement:
Polsterung: 100px 0;

Abschnitt Inhalt Divi-Modul Vollbild.png

Das ist es!

Beispiel Kopf divi.jpg

Optionen für den Inhalt des Vollbild-Headers

Auf der Registerkarte Inhalt finden Sie den gesamten Inhalt des Moduls, z. B. Text, Bilder und Symbole. All das steuert was erscheint in Ihrem Modul immer auf dieser Registerkarte.

Inhaltsbereich divi.png

Titel

Geben Sie hier den Titel Ihrer Seite ein.

Untertiteltext

Wenn Sie einen Untertitel verwenden möchten, fügen Sie ihn hier hinzu. Ihre Beschriftung wird unter Ihrem Titel in einer kleinen Schrift angezeigt.

Schaltfläche # 1 Text

Geben Sie den Text für die Schaltfläche ein.

Schaltfläche # 2 Text

Geben Sie den Text für die Schaltfläche ein.

Inhalt

Hier können Sie den Inhalt definieren, der unter der Überschrift und dem Titeltext platziert wird.

Schaltflächen-URL 1

Geben Sie die URL der Schaltfläche ein.

Schaltflächen-URL 2

Geben Sie die URL der Schaltfläche ein.

Logo Bild URL

Laden Sie das gewünschte Bild hoch oder geben Sie die URL des Bildes ein, das Sie anzeigen möchten.

Header-Bild-URL

Laden Sie das gewünschte Bild hoch oder geben Sie die URL des Bildes ein, das Sie anzeigen möchten.

Hintergrundbild-URL

Wenn festgelegt, wird dieses Bild als Hintergrund für dieses Modul verwendet. Um ein Hintergrundbild zu entfernen, entfernen Sie einfach die URL aus dem Einstellungsfeld. Hintergrundbilder werden über den Hintergrundfarben angezeigt. Dies bedeutet, dass die Hintergrundfarbe beim Anwenden eines Hintergrundbilds nicht sichtbar ist.

Hintergrundfarbe

Definieren Sie eine benutzerdefinierte Hintergrundfarbe für Ihr Modul oder lassen Sie das Feld leer, um die Standardfarbe zu verwenden.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Hintergrundüberlagerungsfarbe

Wählen Sie eine Hintergrundüberlagerungsfarbe, die über dem Hintergrundbild platziert wird. Halbtransparente Überlagerungsbilder können coole Effekte erzeugen, wenn sie über Hintergrundbildern platziert werden.

Administrationsetikett

Dadurch wird die Modulbezeichnung im Konstruktor zur einfachen Identifizierung geändert. Wenn Sie die WireFrame-Ansicht in Visual Builder verwenden, werden diese Beschriftungen im Modulblock der Divi Builder-Oberfläche angezeigt.

Optionen für das Design von Headern mit voller Breite

Auf der Registerkarte Design finden Sie alle Stiloptionen für das Modul, z. B. Schriftarten, Farben, Größe und Abstand. Auf dieser Registerkarte können Sie das Erscheinungsbild Ihres Moduls ändern. Jedes Divi-Modul verfügt über eine lange Liste von Designeinstellungen, mit denen Sie Änderungen vornehmen können.

Abschnitt Designmodul volle Breite divi.png

Text & Logo Orientierung

Hiermit wird gesteuert, wie Ihr Text im Modul ausgerichtet wird.

Machen Sie einen Vollbildmodus

Hier können Sie auswählen, ob der Header auf Vollbildgröße erweitert werden soll.

Verwenden Sie den Parallax-Effekt

Wenn diese Option aktiviert ist, haben Ihre Hintergrundbilder eine feste Position wie Ihre Schriftrolle, wodurch ein unterhaltsamer Parallaxeeffekt entsteht.

Parallaxe-Methode

Definieren Sie die Methode, die für den Parallaxeeffekt verwendet wird.

Bildlauf nach unten anzeigen

Hier können Sie wählen, ob die Scroll-Down-Schaltfläche angezeigt werden soll.

Symbol

Wählen Sie ein Symbol für die Bildlaufschaltfläche aus.

Bildlauf nach unten Farbsymbol

Standardmäßig erbt das Dropdown-Symbol die Farbe Ihres Kopfzeilentextes (weiß oder grau). Sie können diese Farbe ändern, indem Sie die Farbe in dieser Option mit dem Farbwähler anpassen.

Scrollen Sie nach unten

Verwenden Sie diese Einstellung, um das Bildlaufsymbol unten in Ihrer Kopfzeile zu vergrößern oder zu verkleinern.

Ausrichtung Divi-Modul volle Breite in head.png

Vertikale Bildausrichtung

Dies steuert die Ausrichtung des Bildes im Modul.

Textfarbe

Hier können Sie den Wert Ihres Textes auswählen. Wenn Sie auf einem dunklen Hintergrund arbeiten, sollte Ihr Text aktiviert sein. Wenn Sie mit hellem Hintergrund arbeiten, sollte Ihr Text dunkel sein.

Vertikale Ausrichtung des Textes

Diese Einstellung bestimmt die vertikale Ausrichtung Ihres Inhalts. Ihr Inhalt kann vertikal zentriert oder unten ausgerichtet werden.

Titel Schriftart

Sie können die Schriftart Ihres Titeltextes ändern, indem Sie die gewünschte Schriftart aus dem Dropdown-Menü auswählen. Divi wird mit Dutzenden großartiger Schriftarten geliefert, die von Google Fonts unterstützt werden. Standardmäßig verwendet Divi die Schriftart Open Sans für den gesamten Text auf Ihrer Seite. Sie können den Stil Ihres Textes auch mit Fett, Kursiv, Großbuchstaben und Unterstreichungsoptionen anpassen.

Titel Schriftgröße

Hier können Sie die Größe Ihres Titeltextes anpassen. Sie können den Bereichsregler ziehen, um die Größe Ihres Texts zu erhöhen oder zu verringern, oder den gewünschten Wert für die Textgröße direkt in das Eingabefeld rechts neben dem Schieberegler eingeben. Die Eingabefelder unterstützen unterschiedliche Maßeinheiten. Dies bedeutet, dass Sie je nach Größenwert "px" oder "em" eingeben können, um den Einheitentyp zu ändern.

Titel Textfarbe

Standardmäßig werden alle Textfarben in Divi in ​​Weiß oder Dunkelgrau angezeigt. Wenn Sie die Textfarbe Ihres Titels ändern möchten, wählen Sie mit dieser Option die gewünschte Farbe aus der Farbauswahl.

Abstand der Titelbriefe

Der Buchstabenabstand beeinflusst den Abstand zwischen den einzelnen Buchstaben. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrem Titeltext vergrößern möchten, passen Sie den Abstand mit dem Bereichsschieberegler an oder geben Sie die gewünschte Abstandsgröße in das Eingabefeld rechts neben dem Schieberegler ein. Die Eingabefelder unterstützen verschiedene Maßeinheiten, dh Sie können je nach Größenwert "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Titel Sectio Design Modul in Kopf Vollbild divi.png

Höhe der Titelzeile

Die Zeilenhöhe wirkt sich auf den Abstand zwischen den einzelnen Zeilen Ihres Titeltextes aus. Wenn Sie den Abstand zwischen den einzelnen Zeilen vergrößern möchten, passen Sie den Abstand mit dem Bereichsregler an oder geben Sie die gewünschte Abstandsgröße in das Eingabefeld ein befindet sich rechts vom Cursor. Die Eingabefelder unterstützen verschiedene Maßeinheiten, dh Sie können je nach Größenwert "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Inhaltsschriftart

Sie können die Schriftart Ihres Inhaltstextes ändern, indem Sie die gewünschte Schriftart aus dem Dropdown-Menü auswählen. Divi wird mit Dutzenden großartiger Schriftarten geliefert, die von Google Fonts unterstützt werden. Standardmäßig verwendet Divi die Schriftart Open Sans für den gesamten Text auf Ihrer Seite. Sie können den Stil Ihres Textes auch mit Fett, Kursiv, Großbuchstaben und Unterstreichungsoptionen anpassen.

Schriftgröße des Inhalts

Hier können Sie die Größe Ihres Inhaltstextes anpassen. Sie können den Bereichsregler ziehen, um den Text zu vergrößern oder zu verkleinern, oder den Wert der gewünschten Textgröße direkt in das Eingabefeld rechts neben dem Schieberegler eingeben. Die Eingabefelder unterstützen verschiedene Maßeinheiten, dh Sie können je nach Größenwert "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Inhalt Textfarbe

Standardmäßig werden alle Textfarben in Divi in ​​Weiß oder Dunkelgrau angezeigt. Wenn Sie die Farbe Ihres Inhaltstextes ändern möchten, wählen Sie mit dieser Option die gewünschte Farbe aus der Farbauswahl.

Leerzeichen Inhalt

Der Buchstabenabstand beeinflusst den Abstand zwischen den einzelnen Buchstaben. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrem Inhaltstext vergrößern möchten, verwenden Sie den Bereichsregler, um den Abstand anzupassen, oder geben Sie die gewünschte Abstandsgröße in das Eingabefeld rechts neben dem Schieberegler ein. Die Eingabefelder unterstützen verschiedene Maßeinheiten, dh Sie können je nach Größenwert "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Höhe der Inhaltszeile

Die Zeilenhöhe wirkt sich auf den Abstand zwischen den einzelnen Zeilen Ihres Inhaltstextes aus. Wenn Sie den Abstand zwischen den einzelnen Zeilen vergrößern möchten, können Sie den Abstand mithilfe des Bereichsreglers anpassen oder die gewünschte Abstandsgröße in das Eingabefeld eingeben befindet sich rechts vom Cursor. Die Eingabefelder unterstützen verschiedene Maßeinheiten, dh Sie können je nach Größenwert "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Untertitel Schriftart

Sie können die Schriftart Ihres Untertiteltextes ändern, indem Sie die gewünschte Schriftart aus dem Dropdown-Menü auswählen. Divi wird mit Dutzenden großartiger Schriftarten geliefert, die von Google Fonts unterstützt werden. Standardmäßig verwendet Divi die Schriftart Open Sans für den gesamten Text auf Ihrer Seite. Sie können den Stil Ihres Textes auch mit Fett, Kursiv, Großbuchstaben und Unterstreichungsoptionen anpassen.

Größe der Untertitelschrift

Hier können Sie die Größe Ihres Beschriftungstextes anpassen. Sie können den Bereichsregler ziehen, um den Text zu vergrößern oder zu verkleinern, oder den Wert der gewünschten Textgröße direkt in das Eingabefeld rechts neben dem Schieberegler eingeben. Die Eingabefelder unterstützen verschiedene Maßeinheiten, dh Sie können je nach Größenwert "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Untertitel-Textfarbe

Standardmäßig werden alle Textfarben in Divi in ​​Weiß oder Dunkelgrau angezeigt. Wenn Sie die Textfarbe Ihrer Beschriftung ändern möchten, wählen Sie mit dieser Option die gewünschte Farbe aus der Farbauswahl.

Abstand der Untertitel Buchstaben

Der Buchstabenabstand beeinflusst den Abstand zwischen den einzelnen Buchstaben. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrem Beschriftungstext vergrößern möchten, verwenden Sie den Bereichsregler, um den Abstand anzupassen, oder geben Sie die gewünschte Abstandsgröße in das Eingabefeld rechts neben dem Schieberegler ein. Die Eingabefelder unterstützen verschiedene Maßeinheiten, dh Sie können je nach Größenwert "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Höhe der Untertitelzeile

Die Zeilenhöhe wirkt sich auf den Abstand zwischen den einzelnen Zeilen Ihres Beschriftungstextes aus. Wenn Sie den Abstand zwischen den einzelnen Zeilen vergrößern möchten, passen Sie den Abstand mit dem Bereichsregler an oder geben Sie die gewünschte Abstandsgröße in das Eingabefeld rechts neben dem Schieberegler ein. Die Eingabefelder unterstützen verschiedene Maßeinheiten, dh Sie können je nach Größenwert "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Maximale Textbreite

Verwenden Sie diese Einstellung, um die maximale Breite des Texts im Kopfmodul zu verringern. Ein Wert von 50% stellt beispielsweise sicher, dass der Text niemals 50% der Breite des gesamten Header-Moduls überschreitet.

Abschnitt Design Modul divi head full width.png

Verwenden Sie benutzerdefinierte Stile für die Schaltfläche

Wenn Sie diese Option aktivieren, werden verschiedene Einstellungen für die Tastenanpassung angezeigt, mit denen Sie das Erscheinungsbild der Taste Ihres Moduls ändern können.

Schaltfläche Textgröße

Diese Einstellung kann verwendet werden, um den Text in der Schaltfläche zu vergrößern oder zu verkleinern. Die Schaltfläche passt sich an, wenn die Textgröße zunimmt und abnimmt.

Schaltfläche Textfarbe

Standardmäßig übernehmen die Schaltflächen die Akzentfarbe Ihres Themas, wie im Theme Customizer definiert. Mit dieser Option können Sie der Schaltfläche dieses Moduls eine benutzerdefinierte Textfarbe zuweisen. Wählen Sie Ihre benutzerdefinierte Farbe mit dem Farbwähler aus, um die Tastenfarbe zu ändern.

Schaltfläche Hintergrundfarbe

Standardmäßig haben die Schaltflächen eine transparente Hintergrundfarbe. Dies kann durch Auswahl der gewünschten Hintergrundfarbe im Farbwähler geändert werden.

Rahmenbreite Schaltfläche

Alle Divi-Schaltflächen haben standardmäßig einen 2px-Rand. Dieser Rand kann mit dieser Einstellung vergrößert oder verkleinert werden. Rahmen können durch Eingabe des Werts 0 entfernt werden.

Schaltfläche Rahmenfarbe

Standardmäßig übernehmen Schaltflächenränder die Akzentfarbe Ihres Themas, wie sie im Theme Customizer definiert ist. Mit dieser Option können Sie der Schaltfläche dieses Moduls eine benutzerdefinierte Rahmenfarbe zuweisen. Wählen Sie Ihre benutzerdefinierte Farbe mit dem Farbwähler aus, um die Farbe des Schaltflächenrahmens zu ändern.

Schaltflächenrandradius

Der Radius des Rahmens beeinflusst die Rundheit der Ecken Ihrer Schaltflächen. Standardmäßig haben die Schaltflächen in Divi einen kleinen Rahmenradius, der die Ecken um 3 Pixel abrundet. Sie können diesen Wert auf 0 reduzieren, um eine quadratische Schaltfläche zu erstellen, oder ihn erheblich erhöhen, um Schaltflächen mit kreisförmigen Kanten zu erstellen.

Abstand der Knopfbuchstaben

Der Buchstabenabstand beeinflusst den Abstand zwischen den einzelnen Buchstaben. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrem Schaltflächentext vergrößern möchten, verwenden Sie den Bereichsregler, um den Abstand anzupassen, oder geben Sie die gewünschte Abstandsgröße in das Eingabefeld rechts neben dem Schieberegler ein. Die Eingabefelder unterstützen unterschiedliche Maßeinheiten. Dies bedeutet, dass Sie je nach Größenwert "px" oder "em" eingeben können, um den Einheitentyp zu ändern.

Schaltfläche Schriftart

Sie können die Schriftart Ihres Schaltflächentextes ändern, indem Sie die gewünschte Schriftart aus dem Dropdown-Menü auswählen. Divi wird mit Dutzenden großartiger Schriftarten geliefert, die von Google Fonts unterstützt werden. Standardmäßig verwendet Divi die Schriftart Open Sans für den gesamten Text auf Ihrer Seite. Sie können den Stil Ihres Textes auch mit Fett, Kursiv, Großbuchstaben und Unterstreichungsoptionen anpassen.

Fügen Sie ein Schaltflächensymbol hinzu

Deaktiviert, entfernt diese Einstellung Symbole von Ihrer Schaltfläche. Standardmäßig wird auf allen Divi-Schaltflächen ein Pfeilsymbol auf dem Hover angezeigt.

Schaltflächensymbol

Wenn Symbole aktiviert sind, können Sie mit dieser Einstellung auswählen, welches Symbol in Ihrer Schaltfläche verwendet werden soll. Divi hat verschiedene Symbole zur Auswahl.

Schaltfläche "Farbsymbol"

Durch Anpassen dieser Einstellung wird die Farbe des Symbols geändert, das auf Ihrer Schaltfläche angezeigt wird. Standardmäßig entspricht die Symbolfarbe der Textfarbe Ihrer Schaltfläche. Mit dieser Einstellung können Sie die Farbe jedoch unabhängig voneinander anpassen.

Schaltfläche zum Platzieren von Symbolen

Sie können wählen, ob das Symbol Ihrer Schaltfläche links oder rechts von Ihrer Schaltfläche angezeigt werden soll.

Nur Symbol anzeigen, wenn Sie mit der Maus über die Schaltfläche fahren

Standardmäßig werden Schaltflächensymbole nur beim Bewegen des Mauszeigers angezeigt. Wenn das Symbol immer angezeigt werden soll, deaktivieren Sie diese Einstellung.

Schaltfläche Hover Textfarbe

Wenn Sie mit der Maus über die Schaltfläche eines Besuchers fahren, wird diese Farbe verwendet. Die Farbe ändert sich von der in den vorherigen Einstellungen definierten Grundfarbe.

Hover-Schaltfläche Hintergrundfarbe (Hover-Schaltfläche Farbe)

Wenn Sie mit der Maus über die Schaltfläche eines Besuchers fahren, wird diese Farbe verwendet. Die Farbe ändert sich von der in den vorherigen Einstellungen definierten Grundfarbe.

Hover Border Color-Schaltfläche (Hover-Rahmenfarbe)

Wenn Sie mit der Maus über die Schaltfläche eines Besuchers fahren, wird diese Farbe verwendet. Die Farbe ändert sich von der in den vorherigen Einstellungen definierten Grundfarbe.

Hover Border Radius-Schaltfläche

Wenn Sie mit der Maus über die Schaltfläche eines Besuchers fahren, wird dieser Wert verwendet. Der Wert ändert sich gegenüber dem in den vorherigen Einstellungen definierten Basiswert.

Schaltfläche zum Ankreuzen von Noten

Wenn Sie mit der Maus über die Schaltfläche eines Besuchers fahren, wird dieser Wert verwendet. Der Wert ändert sich gegenüber dem in den vorherigen Einstellungen definierten Basiswert.

Erweiterte Header-Optionen in voller Breite

Auf der Registerkarte "Erweitert" finden Sie Optionen, die erfahrene Webdesigner möglicherweise als nützlich erachten, z. B. benutzerdefinierte CSS- und HTML-Attribute. Hier können Sie benutzerdefiniertes CSS auf jedes der vielen Elemente des Moduls anwenden. Sie können dem Modul auch benutzerdefinierte CSS-Klassen und -IDs zuweisen, mit denen Sie das Modul in der style.css-Datei Ihres untergeordneten Themas anpassen können.

Modulüberschrift Divi Abschnitt advance.png

CSS-ID

Geben Sie eine optionale CSS-ID ein, die für dieses Modul verwendet werden soll. Eine ID kann verwendet werden, um einen benutzerdefinierten CSS-Stil zu erstellen oder um auf bestimmte Abschnitte Ihrer Seite zu verlinken.

CSS-Klasse

Geben Sie die optionalen CSS-Klassen ein, die für dieses Modul verwendet werden sollen. Eine CSS-Klasse kann zum Erstellen eines benutzerdefinierten CSS-Stils verwendet werden. Sie können mehrere Klassen hinzufügen, die durch ein Leerzeichen getrennt sind. Diese Klassen können in Ihrem untergeordneten Divi-Design oder im benutzerdefinierten CSS-Stylesheet verwendet werden, das Sie Ihrer Seite oder Ihrer Website mithilfe der Divi-Designoptionen oder der Einstellungen auf der Divi Builder-Seite hinzufügen.

Benutzerdefiniertes CSS

Benutzerdefiniertes CSS kann auch auf das Modul und alle Interna des Moduls angewendet werden. Im Abschnitt Benutzerdefiniertes CSS finden Sie ein Textfeld, in dem Sie jedem Element benutzerdefinierte CSS-Stylesheets direkt hinzufügen können. CSS-Einträge in diesen Einstellungen sind bereits in Stil-Tags eingeschlossen. Geben Sie einfach die durch Semikolons getrennten CSS-Regeln ein.

Sichtbarkeit

Mit dieser Option können Sie die Geräte steuern, auf denen Ihr Modul angezeigt wird. Sie können Ihr Modul auf Tablets, Smartphones oder Desktops einzeln deaktivieren. Dies ist nützlich, wenn Sie verschiedene Mods auf verschiedenen Geräten verwenden möchten oder wenn Sie das mobile Design vereinfachen möchten, indem Sie bestimmte Elemente von der Seite entfernen.

Andere Divi Tutorials

Dieser Artikel enthält Kommentare 2

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
8 Aktien
Aktie3
tweet1
Registrieren4