Blog-Modul-Special #3: Reihenfolge der angezeigten Inhalte im Divi-Blog-Modul ändern

23. Dezember 2022 | CSS-Stylesheet, Divi-Theme

Dieser Beitrag beinhaltet 438 Wörter. Geschätzte Lesezeit: ca. 3 Minuten.

Das Divi-Modul «Blog» stellt allerlei Inhalte dar. Jedoch immer in derselben Reihenfolge: Titel, Meta-Angaben und am Schluss den Inhaltsauszug. Doch so fix ist diese Reihenfolge nicht: Um die Abfolge der Angaben zu ändern, greifen Sie via CSS-Code ein.

Machen wir ein Beispiel: Möchten Sie statt des üblichen Titel – Meta-Informationen – Content lieber die Reihenfolge Meta-Informationen – Titel – Content im Blog sehen, benötigen Sie folgenden CSS-Code:

.et_pb_module .et_pb_post {
    display: flex;
    flex-direction: column;
}
.et_pb_module .et_pb_post .post-meta {
    order: 1;
}
.et_pb_module .et_pb_post .entry-title {
    order: 2;
}
.et_pb_module .et_pb_post .post-content {
    order: 3;
}

Fügen Sie den Code in das CSS-Stylesheets Ihres Child-Themes ein (unter Design/Customizer/Zusätzliches CSS) und schon wird die Ausgabe im Blogmodul angepasst.

vorher

nachher

Den Beispielcode können Sie natürlich Ihren Wünschen entsprechend anpassen.

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