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
Werbung
