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.

1. Gehe zu Divi -> Theme Options -> General Settings
2. Nach unten bis zu Custom CSS scrollen
3. 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;
       }
   }

4. 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.