Divi-Theme: Trennlinie zwischen Sidebar-Widgets anzeigen

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

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

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.









Vielen Dank.

Pin It on Pinterest

Share This