Divi - elegant themes

Zeilenumbrüche im Text selbst festlegen

Um sicherzustellen, dass die Zeilenumbrüche im Text da auftauchen wo sie auch sinnvoll sind, kann man folgendes CSS nutzen.

Gehe zu Divi -> Theme Options -> General Settings Nach unten bis zu Custom CSS scrollen Folgendes Snippet einfügen

@media screen and (min-width: 768px) and (max-width: 980px) {
    br.divi-lb-phone-screens,
    br.divi-lb-big-screens {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    br.divi-lb-tablet-screens,
    br.divi-lb-big-screens {
        display: none;
    }
}


@media screen and (min-width: 981px) {
    br.divi-lb-tablet-screens,
    br.divi-lb-phone-screens {
        display: none;
    }
}

Jetzt kann mit den folgende HTML-Tags für unterschiedliche Bildschirmgrößen in den verschiedenen Divi-Modulen ein Zeilenumbruch gesetzt werden:

<br class="divi-lb-all-screens">
<br class="divi-lb-big-screens">
<br class="divi-lb-tablet-screens">
<br class="divi-lb-phone-screens">

Wichtig ist dabei nur, dass man nicht den WYSIWYG Editor nutzt, sondern auf die reine Textanzeige umstellt.