Text Format mit css Datei verändern

Textformatierung ist Abhängig vom verwendeten Designschema.

Kann gefunden werden in ...\htdocs\...\themes\custom\drupal8_custom_theme\css\custom-style.css

Eigenschaft "letter-spacing" ist verantwortlich für den Abstand zwischen den Zeichen.

Eigenschaft "line-height" bestimmt den Abstand zwischen den Zeilen.

 

Bsp.:



h1, .h1{font-size: 20px;font-weight: 600; letter-spacing: 0.1em; line-height: 1.5em; }

h2, .h2{font-size: 18px;font-weight: 600;}

h3, .h3{ font-size: 16px; font-weight: 600; }

h4, .h4{ font-size: 14px; font-weight: 600; letter-spacing: 1.1em; line-height: 2.5em; }

h6, .h6{ font-size: 18px; font-weight: 600; letter-spacing: 1.0em; line-height: 2.0em; }
 

Es ist möglich dass bestimmte Eigenschaften der Formatierung in der bootstrap.min.css

...\htdocs\...\themes\custom\drupal8_custom_theme\includes\bootstrap\css\bootstrap.min.css

nachträglich verändert werden.

Um das zu verhindern, muss die Eigenschaft in bootstrap.min.css auf inherit gesetzt werden.

 

Bsp.:

h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:inherit}.h5,h5{font-size:14px}.h6,h6{font-size:inherit}p{margin:0 0 10px}.lead{margin-bottom:20px

!! bootstrap.min.css ist sehr unübersichtlich !!

 

Syntax für Kommentare:

/* Dies ist ein Kommentar. Er besitzt keine Auswirkungen. */

Zeilenumbrüche sind möglich!