Spaltenhöhen im Divi Blurb Modul auch für mobile Ansichten anpassen

Date/time:
Lesezeit: 0 Minuten, 47 Sekunden

Bei meinem letzten Projekt Respekt Herr Specht von Bettina Sturm, sind wir in Divi auf das Problem gestoßen, dass die Inhalte der Blurb Module, bei einer 4-spaltigen Anordnung (und kleiner) sprangen sobald die Titel, wegen der Länge, umbrachen und einmal 1-zeilig und einmal 2-zeilig wurden.

4-spaltig

2-spaltig

Lösung

Per benutzerdefiniertem CSS (Unter Divi -> Theme Optionen) dem Titel und der Beschreibung, ja nach Bildschirmgröße (responsive), eine Mindest-Höhe (min-height) verpassen.

Und so geht´s

  1. Die entsprechende Sektion suchen
  2. Auf die drei Striche der (blauen) Sektion klicken und unter Erweitert -> CSS-ID: sektion-blurb eintragen.

    Speichern & Beenden und Seite aktualisieren.
  3. Nun wechselt links auf Divi -> Theme-Optionen und scrollt bis Benutzerdefiniertes CSS, zum Ende durch und gebt folgenden Code ein:
    Es sollte dann so aussehen:

    Änderung Speichern.

Fertig

So sollte das Ergebnis dann bei 4-spaltig aussehen:

Und so bei 2-spaltig:

Ich hoffe es hilft dem einen oder anderen.

Viel Spaß beim schrauben.

Veröffentlicht von: Marjeta

Seit 2009 selbständig, ist Wordpress nun seit über fünf Jahren meine Leidenschaft. Von Entrepreneure, über Grafiker, bis zu den kleinen, mittelständischen Unternehmen, unterstütze ich alle die sich auf den Weg zur eigenen Website machen.

Categories: Divi Tricks/Wordpress

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Durch die weitere Nutzung der Seite stimmst Du der Verwendung von Cookies zu. Weitere Informationen

Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen" eingestellt, um das beste Surferlebnis zu ermöglichen. Wenn Du diese Website ohne Änderung der Cookie-Einstellungen verwendest oder auf "Akzeptieren" klickst, erklärst du sich damit einverstanden.

Schließen