Trick # 181 | Dieser Beitrag beinhaltet 542 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.
Das Blogmodul des Divi-Themes ist «out of the box» nur so halbwegs hübsch anzusehen. Nachstylen ist auf jeden Fall gefragt. Besonders das Bild, welches in der Grid-Darstellung breiter ist als der darauf folgende Text, ärgert. Doch ein einziger CSS-Befehl schafft Abhilfe.
In der Standardeinstellung zeigt das Divi-Blogmodul eine feine Umrandung. So sieht recht OK aus:
>>> Klicken Sie auf das Bild um eine grössere Ansicht zu erhalten.
Ebenso wenn man die Umrandung entfernt und eine Hintergrundfarbe definiert.
Wird jedoch die Umrandung entfernt und bleibt der Hintergrund Ton in Ton mit der Website, ergibt sich ein unschöner Einzug beim Text, welcher auf das Bild folgt:
Dagegen hilft ein kleiner CSS-Trick. Platzieren Sie folgende Zeilen in das CSS-Stylesheet Ihrer Website (unter Design/Customizer/Zusätzliches CSS):
.et_pb_image_container {
margin: 0px;
}Nun zeigt sich der Blog so:
Bilder und Texte sind nun bündig.
Werbung
Werbung
