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.

Getwid-Block: Icon Box

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

Text, Link und Überschrift siehe Links …

Farben für Formatierungen
(hier Absatz hinterlegt und mit (Abstand px-1 py-0 definiert)

Farbe 1 (schwarz)

Farbe 2 (weiß)

Farbe 3

Farbe 4

Farbe 5

Farbe 6

Farbe 7

Farbe 8

Textfomatierungsblöcke

Dies ist Fließtext zur Demonstation der Textformatierungen (Markieren und über Pfeil auswählen): Inline-Code und Textfarbe und Text Hinterlegt mit "Tastatur-Eingabe" (als Alternative, weil WP keine Faomatiwerung dafür bietet)

Formularfarben

Normale Textfarbe und Linkfarbe

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

Buttonfarben

Standard-Button-Farbe -> siehe Formular
(über Theme-Buttons einstellbar)

Primäre-Button-Farbe
(über Theme-Buttons “Primäre” einstellbar)

Block Tabellen

Standard-Tabelle mit Farbe über Blockeinstellungen > Farbeinstellungen

Tabelle responsiv mit 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

Tabelle mit schmalen Abstand:

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

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

Weitere Blöcke

Block: Vers
Füge Poesie ein. Benutze spezielle Abstandsformate. Oder zitiere Liedtexte.

Block: Zitat
Gib einem Zitat eine optische Hervorhebung. „Indem wir andere zitieren, zitieren wir uns selbst.”

Quelle: Julio Cortázar

Getwid-Block: Accordeon

Accordeon h5 Überschriften und Icon 36
mit Styles (Header Farbe, Abstand, Radius)
„Erweitert: header-color header-mt border-radius“

Getwid-Block: Tabs

Tabs mit eigenem Style (Header Farbe)
„Erweitert: header-color“

Getwid-Block: Timeline Block

2020

Titel1

Text

2020

2021

Titel2

Text

2021

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Titel3

Text

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

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

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