WordPress

Allgemein

Technik

Design

Konzept

WordPress Plugins

Interessantes

Vermarktung

Themen

Font / Schriften

Social Media

Youtube

eCommerce

Gemischtes

Kolumne

Webinar

Blog Archiv

Kurse / Webinare

Meine nächste Webinare / Kurse

Wie erstelle ich 2 Text Spalten in einem Text Modul in Divi?

von | Feb 28, 2022 | Allgemein | 5 Kommentare

Schlagwörter: DIVI

Habt ihr euch schon mal gefragt, wie man in Divi in 1 Textmodul mehrere Spalten zaubern kann? Genau diese Frage wurde mir gestellt und heute versuche ich sie euch in diesem Video zu beantworten.

Nach dem Video findet ihr wie immer den Code den ihr dann in euere Webseite einbauen könnt.

Video

CSS

Einfach diesen Befehl unten rauskopieren und entweder als CSS Klasse in das Style-Sheet reinkopieren oder direkt im Modul anwenden. Wie im Video schon gesagt, ihr könnt auch 3 oder 4 oder nochmehr Spalten machen, einfach den Code entsprechend anpassen. Die 100px sind in diesem Beispiel die Spaltenbreiten und die 2 die Anzahl Spalten.

1
2
3
4
text-align: justify;
columns: 100px 2;
-webkit-columns: 100px 2;
-moz-columns: 100px 2;




5 Kommentare

  1. Gabriele

    Prima, das ist genau das was ich gesucht habe, allerdings weiss ich nicht genau wohin mit dem CSS. Kopiere ich das in CSS beim entsprechenden Modul passiert nichts 🙂

    Antworten
    • Eric-Oliver Mächler

      du musst das in das text modul reinsetzen und zwar dann ins „main element“ css sektion… dann gehts. habs gerade ausprobiert und es funktioniert. wenn es nicht funktioniert hast du evtl einen css befehl der das überschreibt oder so

      Antworten
      • Gabriele

        Perfekt, danke, ich habe es gefunden
        CSS im Text Modul unter ‚benutzerdefinierte CSS‘

        Antworten
        • Eric-Oliver Mächler

          genau – glückwunsch

          Antworten
  2. GreenTent Webdesign

    Mega gut, so simple.
    Danke auch für das Einbinden der paar Zeilen CSS. Programmierer sind ja bekanntlich bequem. 😉

    Antworten

Antworten auf Eric-Oliver Mächler Antworten abbrechen

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