Lesefortschritt:

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

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

Trick # 192 | 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

Anruf oder SMS mit dem Divi-Button starten

Während viele Websites Kontaktformulare verwenden, gibt es Zeiten und Geschäfte, die einen direkteren oder dringenden Kontakt erfordern. Hier kann ein traditioneller Telefonanruf oder sogar eine Textnachricht sehr nützlich sein. Hier erfahren ...

Werbung

 

Pin It on Pinterest

Share This