Lesefortschritt:

    Bildformate im Divi-Blurb-Modul angleichen

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

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

    Keine Inhalte gefunden.

    Werbung

     

    Pin It on Pinterest

    Share This