Trick # 24 | Dieser Beitrag beinhaltet 296 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Die Rows (Zeilen) im Divi-Theme und dessen Sections (Sektionen) lassen immer einen Abstand zum nächsten gleichen Element frei. Das ist manchmal OK – auf vielen Websites aber auch störend. Via CSS lassen sich die Abstände anpassen oder gleich ganz eliminieren.
Abstände der Sections (Sektionen) ändern
Fügen Sie im CSS-Stylesheet (unter Design/Customizer/Zusätzliches CSS) folgende Zeilen ein:
:not(.et_pb_fullwidth_section).et_pb_section {
padding-top: 50px !important;
padding-bottom: 50px !important;
}Der Abstand im obigen Beispiel liegt beim Standard von 50px. Sie können diesen Wert frei anpassen.
Abstände der Rows (Zeilen) ändern
Fügen Sie im CSS-Stylesheet (unter Design/Customizer/Zusätzliches CSS) folgende Zeilen ein:
.et_pb_row {
padding-top: 30px !important;
}Der Abstand der Divi-Rows im obigen Beispiel liegt bei 30px. Sie können diesen Wert frei anpassen.
Werbung
Die Standard-Fusszeile des Divi-Themes bietet die Möglichkeit, SocialMedia-Icons zu platzieren. Schön und gut; doch die Gestaltungsmöglichkeiten dieser Icons sind eher dürftig. Mit ein wenig CSS-Code lassen sich die einschlägigen Symbole aber ...
Wenn Sie Buttons im Divi-Theme nebeneinander statt untereinander anordnen wollen, müssen Sie dies im Normalfall mit einer mehrspaltigen Zeile lösen. Es gibt aber einen Trick, mit welchem auch mehrere Buttons in derselben Spalte nebeneinander ...
Die Trennlinie - der Horizontal Ruler - kommt häufig auf Websites vor. Sie dient der Strukturierung und Übersicht, kommt aber in deren Grundausstattung eher dröge daher. Mit ein ganz klein bisschen CSS-Code können Sie die Trennlinien aber nett ...
Wir werden ein Divi-Blogmodul verwenden um es in der Seitenleiste zu platzieren und die letzten Beiträge anzuzeigen. Ohne diese Methode müssten Sie ein Widget verwenden - verlören aber damit einige Gestaltungsfreiheit, weil Widgets meist etwas ...
Keine Inhalte gefunden.
Werbung
