Lesefortschritt:

Bildformate im Divi-Blurb-Modul angleichen

1. Dezember 2024 | CSS-Stylesheet, Divi-Theme

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

Das Informationstext-Modul (oder Blurb-Modul) des Divi-Themes bietet die Möglichkeit, ein Bild anzuzeigen. Das ist zwar hübsch – wenn man aber mehrere Blurbs nebeneinander verwendet, kann das bei unterschiedlichen Bildformaten unschön aussehen. Heute zeigen wir Ihnen, wie die Bilder ausgeglichen werden können.

Nebenan sehen Sie drei Informationstext-Module mit unterschiedlichen Bildformaten:

 

Das sieht freilich nicht hübsch aus.

Um diese Unregelmässigkeit zu beheben, benötigen Sie etwas CSS-Code, den Sie in das CSS-Stylesheet Ihrer Website verfrachten können. Unter Design/Customizer/Zusätzliches CSS:

.et_pb_main_blurb_image {
 width: 320px;
 height: 180px;
 overflow: hidden;
}

Nun erscheinen die drei Blurbs von oben mit angeglichenen Bildformaten.

 

Um einen anderen Zuschnitt der dargestellten Bilder zu erreichen, können Sie mit den Zahlenwerten auf den Zeilen 2 und 3 des CSS-Codes spielen.

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