Blog-Modul-Special #14: Titel und Text des Divi-Blog-Moduls am Bild ausrichten

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

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

 

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