Wie style ich Titel in Divi mit CSS

Mich schränkt das Styling von Titeln in Divi stark ein. Aus diesem Grund belasse ich alle Standardeinstellungen zu den Titeln wie sie sind und nehme meine Änderungen per CSS vor. Das ganze ist schnell gelöst und bietet mehr Freiheiten.

Geschrieben von: Benny
Veröffentlicht: 18. Apr. 2019

|| h1
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen.


body .et_pb_module h1 {
  font-size:3.6rem;
  line-height:3.9rem;
  font-weight:900;
}

|| h2
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen.

 


body .et_pb_module h2 {
  font-size:3rem;
  line-height:3.2rem;
  font-weight:600;
}

|| h3
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen.


body .et_pb_module h3 {
  font-size:2.8rem;
  line-height:3rem;
  font-weight:200;
}

|| h4
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen.


body .et_pb_module h4 {
  font-size:2.2rem;
  line-height:2.5rem;
}
|| h5
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen.

body .et_pb_module h5 {
  font-size:1.9rem;
  line-height:2.3rem;
  font-weight:200;
}
|| h6
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen.

body .et_pb_module h6 {
  font-size:1.6rem;
 line-height:1.8rem;
 font-weight:900;
}

Ich bin ein Verlauf im Text


.verlauf h1 {
   background: -webkit-linear-gradient(left, #87e0fd 0%,#53cbf1 40%,#05abe0 100%);
   -webkit-background-clip:text;
   -webkit-text-fill-color:transparent;
   display:inline;
}