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
Einen Websiteinhalt - sei es nun ein Bild, Text oder ein anderes Element - können Sie ganz einfach vertikal und horizontal zentriert im Browserfenster anzeigen. Bei Bedarf werden Sie sogar den Scrollbalken los, falls Sie dieser stört.
Der Divi-Builder - mit welchem Sie im Backend Ihre Inhalte gestalten - ist in zwei Versionen verfügbar: Neben der modernen Variante wird nach wie vor der Classic-Divi-Builder angeboten, der bis Sommer 2019 der Standard-Builder war. Da und dort ...
Im Divi-Theme lässt sich von Haus aus die Farbe der dargestellten Links definieren - jedoch ist damit mit Customizing auch schon Schluss. Beim Webdesign werden damit Links ab und an zu diskret dargestellt. Das lässt sich mit minimalem Aufwand ändern.
Das Divi-Menümodul verwendet standardmässig das horizontale Layout, das für den Header als horizontale Navigation konzipiert wurde. Aber es gibt bestimmte Situationen (zum Beispiel bei der Erstellung eines Footer- oder Sidebar-Layouts), in ...
Keine Inhalte gefunden.
Werbung
