Lesefortschritt:

Divi-Theme: Trennlinie zwischen Sidebar-Widgets anzeigen

4. März 2021 | CSS-Stylesheet, Divi-Theme

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

Keine Inhalte gefunden.

Werbung

 

Pin It on Pinterest

Share This
Überblick über den Datenschutz

Diese Website verwendet Cookies, damit wir Ihnen die bestmögliche Benutzererfahrung bieten können. Cookie-Informationen werden in Ihrem Browser gespeichert und dienen dazu, Sie wiederzuerkennen, wenn Sie auf unsere Website zurückkehren, und unserem Team zu helfen, zu verstehen, welche Bereiche der Website Sie am interessantesten und nützlichsten finden.