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 Prah-Moses

Seit 2009 selbständig, ist Wordpress nun seit über sieben 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.