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
Vor einer Weile hat sich Dr. Code nach einem neuen Formularplugin umgesehen. «Back to the roots» war am Schluss die Devise. Denn zurückgekehrt sind wir zum Formular-Plugin, das wir ganz am Anfang unserer WordPress-Zeit genutzt haben: Zu Contact ...
Standardmässig legt das Divi-Theme beim Menu für die Mobilansicht links und rechts noch einen Rand fest. Besonders bei längeren Wörtern in der Navigation kann das in der schmalen Mobilansicht suboptimal sein. Mit wenig CSS-Code lässt sich die ...
Das Divi-Theme blendet von Haus aus einen Header ein. Darin erscheint etwa das Menu und zusätzlich noch ein Logo. Ab und an möchte man aber diesen Standard-Header vollständig ausblenden - etwa auch, um ihn zu ersetzen. Wie das geht, zeigen wir ...
CSS-Variablen sind ein hervorragender Weg, um dereinst Anpassungen an Ihrer Website vorzunehmen. In einer Bibliothek definieren Sie Farbwerte, Fontgrössen, Abstände und vieles mehr. Bei den CSS-Klassen werden dann nicht mehr die Werte ...
Keine Inhalte gefunden.
Werbung
