DIVI
Experten
WordPress – Um das DIVI Map-Symbol zu ändern
Um das Standard-Kartensymbol für das Divi-Theme zu ändern, öffnen Sie die Datei functions.php des Child-Themes und fügen Sie diesen Code...
Divi Tutorial – Wie aktualisiere ich den Inhalt meiner Webseite?
Slider anpassen Oft befindet sich oben auf deiner Seite ein Slider. So änderst du das Sliderbild: 1. Slider mit Text...
Divi | Elemente ausblenden auf Tablet, Mobile & Desktop
Mit dem Divi-Builder könnt ihr auf eurer WordPress-Webseite bestimmte Elemente ausblenden. Unser kleines Video zeigt euch wie ihr das machen...
WordPress DIVI: Mit einem Button Elemente ein- und ausblenden
1. Button erstellen per Code Füge eine Schaltfläche mit dem Klassennamen „togglebtn“ wie in einem Screenshot hinzu 2. CSS-Klasse in...
DIVI: Elemente überlappen lassen
So kannst du die überlappende Reihenfolge ändern!Standardmäßig befindet sich das erste Element auf der Seite immer hinter dem darauf folgenden...
WordPress – Divi Popup
wir haben eine Anleitung zusammengestellt, um ein Popup per Button zu öffnen. 1. CSS Klasse Dem Schaltflächenelement “popup” eine Klasse...
DIVI Theme: Javascript mit einem Button ausführen
JavaScript auf einem Button in Divi kann nicht so einfach ausgeführt werden. Diese Anleitung hilft euch einen Custom-Button einzufügen.
DIVI: Einem DIVI-Blog die Spaltenanzahl vorgeben
Die Grundeinstellungen in einem Blog bei DIVI erlauben nicht die Auswahl der Spalten. Durch unseren CSS-Code kannst du das aber...
DIVI: Zusätzliche Links oder ein Menü in der Topbar anzeigen
Leicht versteckt, lässt sich ein zuvor erstelltes Menü auch oben rechts in der Topbar anzeigen. Siehe hier im Video mit...
Font (Schriftart) zu Divi hinzufügen
Mit Divi ist es einfach die eigene Schriftdatei hinzuzufügen. Dieses Video zeigt kurz und knapp wie das geht:
DIVI: Einen Schließenbutton (minus) zum Akkordeon hinzufügen
Um in einem Akkordion in DIVI die Möglichkeit des Schließens zu Aktivieren braucht ihr folgenden Code: Java-Script, einzufügen unter Divi...
Fixierter Kontaktbutton für DIVI
Um diesen Code in Divi nutzen zu können, benötigst du folgenden Generator: https://noprob.it/knowledge-base/codepen-generator-html-css-umwandeln-fuer-divi/
DIVI: Zentrales Logo leicht verschieben durch Leerzeichen
Mit einem kleinen Trick könnt ihr das Logo wenn es zentriert ist verschieben mit dem HTML-Leerzeichen. Setzt folgenden HTML-Code als...
DIVI: Sprungmarke für Links nutzen
Um auf deiner DIVI-WordPress-Seite auf eine bestimmte Stelle zu verlinken, kannst du einen Anker-Link nutzen. Auf der Zielseite fügst du...
Divi – Standart Social Icons durch benutzerdefinierte Icons ersetzen
Wenn du das Problem hast, dass du bei eigenen eingefügten Icons das Standarticon ebenfalls angezeigt bekommst, zeigen wir dir hier...
Stecknadel in DIVI Karten ersetzen
Falls euch das typische rot der Stecknadel nicht gefällt, könnt ihr diese png-Datei im DIVI-Verzeichnis anpassen: /wp-content/themes/Divi/includes/builder/images/marker.png Nach einem Themeupdate...
DIVI: Navigation bzw. Hauptmenü ausblenden
Um das Hauptmenü oben loszuwerden im DIVI – Theme, könnt ihr diesen CSS – Code nutzen:
2 Spalten in Divi auf mobilem Gerät erzwingen
Auf dem Handy könnt ihr mit folgendem Code 2 Spalten erzwingen. 1. CSS-Klasse einfügen 2. CSS-Code einfügen Nutzt hierzu folgenden...
DIVI: Icons im Textblock nutzen
Wenn ihr Icons in einem Textblock verwenden wollt könnt ihr folgende Codes einsetzen: Alle Icon-Codes könnt ihr auf dieser Seite...
Divi Theme – Einen Link in neuem Fenster öffnen
Ein Hyperlink auf eine andere Webseite möchte man gerne in einem neuen Fenster öffnen lassen, damit die eigene Seite bestehen...
DIVI: Fixes Menü im mobilen Browser – CSS Anpassung
Folgender CSS-Code hilft um das Menü im mobilen Browser zu fixieren: @media (max-width: 980px) { .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav...
Divi Theme und WP Rocket Cache optimal einstellen
Damit das Cachen mit WP Rocket im Divi Theme gut funktioniert, stellt ihr folgendes in den Divi-Themeeinstellungen aus: Divi –>...
WordPress Divi: Footer anpassen
Gehe zu Divis Theme BuilderBeginne, indem du in deinen Divi-Designoptionen zum Theme Builder gehst. Globale Fußzeile hinzufügen und erstellenDort kannst...
Webseiten Vorlagen für WordPress
Hier findest du ein Template für deine WordPress Webseite. Wir empfehlen das DIVI-Theme für WordPress weil es einfach, performant und...
Mehr Social Icons im Divi Theme hinzufügen
Ihnen fehlen bestimmte Icons für Ihre Webseite? Hier zeigen wir Ihnen, wie Sie selbst weitere Social Icons für das Divi...
DIVI: Bilder Titel in Gallerien ausblenden
Wenn ihr auch nicht jedes Bild sauber benennen wollt haben wir einen CSS -Tipp für euch 🙂 Wenn ihr den...
WordPress Divi Slider – Bild wird nicht angezeigt?
Manchmal ist das Slider-Bild nicht sichtbar, selbst wenn wir ein Bild im Slider hinzugefügt haben. Im Standard Divi Theme finden...
CodePen Generator – HTML, CSS umwandeln für Divi
Dieser Generator ermöglicht euch CodePen-Projekte für den DIVI-Einsatz in WordPress umzuwandeln.
Einfügen von Datumsfeldern in Divi
Einfügen von Datumsfeldern in Divi In diesem Beitrag zeige ich euch, wie ihr in Divi Forms eine Datumsauswahl zum Vereinbaren...
Divi Karte einfügen ohne Google API | kostenfrei
Hier gibt es unsere Anleitung wie man in Divi auf die Google API verzichten kann: Google My Business Eintrag einbetten...
DIVI Akkordeon komplett zuklappen
Wenn ihr auch gerne das Akkordeon in DIVI komplett zuklappen wollt, hilft euch dieser Code: Den Code könnt ihr hier...
