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.
No Comments