Trick # 24 | Dieser Beitrag beinhaltet 0 Wörter. – Geschätzte Lesezeit: ca. 0 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
Mal eben mit dem Textmarker was markieren – das sollte man natürlich am Monitor nicht tun. Trotzdem zeigen wir Ihnen, wie Sie Text-Highlights hinzufügen können. Gleich fünf Varianten haben wir am Start.
Mit einem Button lassen sich Texte expandieren und wieder verstecken. Damit lassen sich Infos bereitstellen, ohne, dass die Website zur Bleiwüste wird. Try it.
Im Divi-Theme können Sie die Titel und Überschriften via Customizer stylen. Es geht aber auch via CSS und wirkt global. Heute geben wir Ihnen einen kleinen Bausatz für individuell gestaltete Titel zur Hand.
Mit dem Accordion-Modul aus dem Divi-Theme lassen sich Websites übersichtlich strukturieren. Die einzelnen Accordion-Inhalte lassen sich aber auch über einen Link direkt öffnen. Das ist eine nette Dienstleistung an Ihre Website-BesucherInnen.
Keine Inhalte gefunden.
Werbung
