Trick # 63 | Dieser Beitrag beinhaltet 264 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Wenn Sie im Divi-Theme die Sidebar mit Widgets bestücken, ist oft nicht ganz klar, wo das eine Widget endet und das nächste beginnt. Mit ein wenig CSS können Sie ganz mühelos eine Trennlinie zwischen den Widgets anlegen.
Fügen Sie die folgenden Zeilen ins CSS-Stylesheet Ihrer Website ein. Das Stylesheet öffnen Sie via Design/Customizer/Zusätzliches CSS:
#sidebar .et_pb_widget {
border-bottom: 1px solid #293280;
padding-bottom: 10px;
margin-bottom: 50px;
}
#sidebar .et_pb_widget:last-of-type {
border-bottom:0;
}Der obige Code ist ein Musterbeispiel. Sie können ihn natürlich frei anpassen.
Der Code ist so verfasst, dass die Trennlinie nur zwischen den Widgets erscheint – nicht aber nach dem letzten Widget in der Sidebar. Wenn Sie auch dort eine Trennlinie sehen möchten, lassen Sie einfach die Zeilen 6-9 weg.
Werbung
Werbung
