Heading 1

Die Styles für Überschriften und Text werden unter Design > Customizer > Typografie angepasst.

Heading 2

Diese Überschrift wurde farbig gestaltet. Lorem ipsum dolor sit amet, consetetur sadipscing.

Heading 3

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.

Heading 4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.

Heading 5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.

Heading 6

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod.

Der erste Buchstabe im Absatz kann rechts über Blockeinstellungen > Text-Einstellungen > Initialbuchstaben groß dargestellt werden. Die Größe ist über die style.css voreingestellt.

SmediaBlock: Icon

erstellt fontawesome.com Symbole. Hier: mit den Einstellungen: Padding:0px, Eckenradius:0px, Icon-Color:red, Breite:20px und Container-Ausrichtung: Float-Left Inline-Icon

Inhalte ausgeblendet

Mit Blockeinstellungen > Erweitert > Zusätzliche CSS-Klasse d-none werden Inhalte ausgeblendet (Im Editor sind sie jedoch sichtbar):

Dieser Block ist ausgeblendet!

Druckausgabe “no”

Mit Blockeinstellungen > Erweitert > Zusätzliche CSS-Klasse d-print-none werden Inhalte beim Drucken ausgeblendet:

Dieser Block wird nicht ausgedruckt!

Textformatierungen

Ganz normaler Fließtext mit Link zu einer anderen Seite. Text kann kursiv oder auch fett dargestellt werden.
Mit Shift+Enter erreicht man einen Zeilenwechsel
und mit Enter eine neuen Absatz.

Der automatische Abstand des Absatzes kann über A > No Bottom Spacing auf 0px, also keinen Abstand nach dem Absatz zurückgesetzt werden.

Dies ist der nächste Absatz aber ohne Abstand im vorigen Absatz über A eingestellt.

Individuelle Formatierungen können über die 3 Punkte in der HTML-Ansicht eingearbeitet werden.

Text kann durchgestrichen oder in Großbuchstaben oder als Code dargstellt werden.

Text kann individuell über A in Größe formatiert werden. Soll ein ganzen Absatz klein dargestellt werden ist das rechts über Blockeinstellungen > Erweitert > Zusätzliche CSS-Klasse small erreichbar

Dieser Text ist animiert. Dieser Text ist animiert. Dieser Text ist animiert. Dieser Text ist animiert.

Farbformatierungen

Text kann rechts über Blockeinstellungen > Farbeinstellungen für den Absatz individuell farbig formatiert werden.

Absatzhintergrund ist farbig gestaltbar.

Die Standardfarben sind in der style.css für das WordPress-Theme voreingestellt. Folgende Farben stehen zur Verfügung:

text-color über Design > Customizer > Typografie > Text anpassbar

link und link-hover über Design > Customizer > Allgemein > Akzentfarbe anpassbar

Link / link

Hover / hover

Hellgrau / hellgrau

Dunkelgrau / grau

Primary transparent / primary-trans (form-control)

Primary transparent hover / primary-tr-hover

Primary hell / primary-hell

Primary / primary

Primary mittel / primary-mittel

Primary dunkel / primary-dunkel

Secondary transparent / secondary-trans

Secondary hell / secondary-hell

Secondary / secondary

Success / success

Danger / danger

Warning / warning

Info / info

Info hell / info-hell

Weiß / weiss

Schwarz / schwarz

Textfomatierungsblöcke

Dies ist Fließtext zur Demonstation des CoBlocks

CoBlock: Highlight

Formularfarben

Normale Textfarbe und Linkfarbe

Folgender Standard-Button (link beim Formular) ist über Design > Customizer > Allgemein Theme-Buttons anpassbar.

Buttonfarben

Block Tabellen

Standard-Tabelle mit Farbe über Blockeinstellungen > Farbeinstellungen

Zellenformatierung: rechts über Blockeinstellungen > Erweitert > Zusätzliche CSS-Klasse

table responsive-table table-hover top-row-bg left-col-bg

bedeutet: Tabelle / Scrollbar in Mobilversion / Farbanimation beim Hovern / Obere Zeile hervorgehoben / Linke Spalte hervorgehoben

table table-sm table-borderless table-hover top-row-bg

bedeutet: Tabelle / Verkleinerte Tabelle / Tabelle ohne Rahmen / Obere Zeile hervorgehoben

CoBlock Accordeon

Weitere Blöcke

Block: Vers

Block: Zitat

Quellenangabe

Schatten unter Blockeinstellungen > Erweitert > Zusätzliche CSS-Klassen

Kein Schatten: p-3 mb-5 rounded

Schmaler Schatten: shadow-sm p-3 mb-5 rounded

Schatten: shadow p-3 mb-5 rounded

Großer Schatten: shadow-lg p-3 mb-5 rounded

Kontur: kontur mb-5 rounded

Kontur: kontur-weich mb-5 rounded

Schatten unter Blockeinstellungen > Erweitert > Zusätzliche CSS-Klassen

Schatten überall: shadow-all p-3 mb-5 rounded

Harter Schatten: shadow-bold p-3 mb-5 rounded

Schatten links & rechts: shadow-b p-3 mb-5 rounded

Schatten oben & unten: shadow-bl mb-5 rounded

Schatten oben: shadow-br mb-5 rounded