Trick # 355 | Dieser Beitrag beinhaltet 452 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.
Das Divi-Theme verfügt über ein Akkordeon-Modul, mit dem Text in erweiterbaren Boxen angezeigt werden kann. Wenn Sie eine Aufzählungsliste mit einer Unterliste im Akkordeon-Inhalt verwenden, könnten Sie feststellen, dass nach der Unterliste eine ziemlich grosse Lücke entsteht. Hier erfahren Sie, wie Sie diese Lücke verringern können.
Der folgende CSS-Block verkleinert den unschönen Abstand. Fügen Sie ihn in das CSS-Stylesheet Ihrer Website ein – unter Design/Customizer/Zusätzliches CSS:
.et_pb_accordion .et_pb_toggle_content li > ul,
.et_pb_accordion .et_pb_toggle_content li > ol {
padding-bottom: 0.2em;
}
Durch Anpassen des Wertes für padding-bottom auf Zeile 3 wird die Grösse der Lücke angepasst.
Werbung
Eine interessante Möglichkeit für hübsche Darstellungen: Lassen Sie - etwa auf einer Übersichtsseite - Bilder über einen Hintergrund hinausragen. Das ist einfacher zu machen, als man meint.
Im Kontaktformular-Modul des Divi-Themes lassen sich auch Radio-Buttons und Checkboxes anlegen. Bloss stellt Divi dann diese Felder immer untereinander als Block dar. Mit ein wenig CSS-Code lassen sich die Felder aber auf einer Zeile - eben: ...
In unserer kleinen «Call-To-Action»-Reihe haben wir eine weitere Gestaltungsidee: Den diagonal abgeschrägten Button, der beim Hovern gerade Kanten erhält. Ist ganz einfach zu machen.
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.
Keine Inhalte gefunden.




