Mehrere Divi-Module mit dynamischen Inhalten auf einer Zeile darstellen

Beim Erstellen Ihrer Divi-Theme-Builder-Vorlagen oder von Layouts mit benutzerdefinierten Feldern müssen Sie häufig zwei oder mehr Module mit dynamischen Inhalten nebeneinander einfügen. Etwa um das Datum, die Kategorie und den Autor in Blogbeiträgen nebeneinander einzufügen. Das Problem ist, dass die Module vertikal gestapelt sind, und der Versuch, sie in Zeilenspalten unterzubringen nicht besonders gut funktioniert. Doch gibt es eine wirklich einfache Lösung, die wir Ihnen gerne zeigen.

Beginnen Sie mit dem Hinzufügen der benötigten Divi-Module: Wählen Sie den gewünschten dynamischen Inhalt für jedes Modul.

Und nun der Trick, der unser Problem löst: Gehen Sie in einem der Module auf den Tab «Erweitert» und öffnen Sie «Benutzerdefiniertes CSS». Suchen Sie nach dem Eingabefenster «Hauptelement» und geben Sie den folgenden CSS-Code ein:

Jetzt können Sie die Abstände anpassen, denn standardmässig stossen die Module direkt aneinander. Im Tab «Design» und dort unter «Zwischenräume» können Sie die Abstände anpassen. Versuchen Sie es mal mit je 10px links und rechts.

Einfach, nicht wahr?