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.

Der Schutz Ihrer Daten ist mir wichtig, ...

... daher wird Ihre IP Adresse anonymisiert für meine Google Analytics - Statistik verwendet. Klicken Sie auf "Cookies akzeptieren", und helfen Sie mir damit meine Inhalte besser auf Sie abzustimmen.

Bitte wählen Sie eine Option aus.

Danke <3

Ihre Auswahl wurde gespeichert!

Hilfe

Hilfe

Um fortzufahren müssen Sie eine Auswahl treffen. Unterhalb finden Sie eine Erklärung über die verschiedenen Optionen.

  • Cookies akzeptieren:
    Alles Cookies wie z.B. Tracking- und Analytische-Cookies, sowie technisch notwendige Cookies.
  • Keine Cookies akzeptieren:
    Keine Cookies außer solche die notwendig sind um die Inhalte sehen zu können.

Sie können jederzeit ihre Cookie Einstellungen hier ändern: Datenschutzerklärung. Impressum

Zurück