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

    Submenu-Special #1: Submenüs mit CSS stylen

    Das Submenü im Divi-Theme lässt sich in den Design-Optionen des Menü-Moduls zwar stylen - so richtig anpassen können Sie die Submenüs aber bloss mit CSS. Die dafür nötigen Klassen haben wir in einem Bausatz zusammengestellt. Möge er Ihnen das ...
    Keine Inhalte gefunden.

    Werbung

     

    Pin It on Pinterest

    Share This
    Überblick über den Datenschutz

    Diese Website verwendet Cookies, damit wir Ihnen die bestmögliche Benutzererfahrung bieten können. Cookie-Informationen werden in Ihrem Browser gespeichert und dienen dazu, Sie wiederzuerkennen, wenn Sie auf unsere Website zurückkehren, und unserem Team zu helfen, zu verstehen, welche Bereiche der Website Sie am interessantesten und nützlichsten finden.