Bestimmte News-Elemente bieten dir weitere Design Optionen.
Nachdem du deinen Inhalt hinterlegst hast, klickst du auf "Design und Farben".
Titel
1. Ausrichtung
Für die Ausrichtung des Titels kannst du hier Linksbündig, Zentriert (mittig) oder rechtsbündig auswählen.
2. Formatierung
Über die Formatierung kannst du die Größe des Titels ändern. "H1" stellt hier die größte Variante dar, "H4" die kleinste Variante.
3. Farbe
Die Farbe kannst du ändern, indem du hier deinen gewünschten Hex-Code eingibst.
Text
1. Ausrichtung
Für die Ausrichtung des Textes kannst du hier Linksbündig, Zentriert (mittig) oder rechtsbündig auswählen.
2. Formatierung
3. Farbe
Die Farbe kannst du ändern, indem du hier deinen gewünschten Hex-Code eingibst.
4. Text Größe
Wähle zwischen 3 Textgrößen aus. Dir stehen S, M und L zur Verfügung.
Button
1. Ausrichtung
Für die Ausrichtung des Textes kannst du hier Linksbündig, Zentriert (mittig) oder rechtsbündig auswählen.
2. Button Stil
Der Button Stil kann ebenfalls individuell über das Dropdown Menü gewählt werden.
Es stehen dir 3 Varianten zur Verfügung.
Gefüllt
Der Button wird farblich komplett ausgefüllt.
Umrandet
Das Icon und der Text wird mit der gewählten Farbe umrandet.
Es ist dann die Hintergrundfarbe der Page, bzw. die Hintergrundfarbe des Abschnitts zu sehen.
nur Text
Es wird nur das Icon und der Text angezeigt.
3. Schrift- und Iconfarbe
Die Farbe kannst du ändern, indem du hier deinen gewünschten Hex-Code eingibst.
4. Button-Farbe
Die Farbe des gefüllten und des umrandeten Icons kannst du ändern, indem du hier deinen gewünschten Hex-Code eingibst. Bei dem Icon-Stil "nur Text" wird diese Farbe nicht dargestellt.
4. Icon Text
1. Hintergrund
Die Hintergrundfarbe kannst du ändern, indem du hier deinen gewünschten Hex-Code eingibst.
2. Schriftfarbe
Die Schriftfarbe kannst du ändern, indem du hier deinen gewünschten Hex-Code eingibst.
3. Icon Farbe
Die Icon Farbe kannst du ändern, indem du hier deinen gewünschten Hex-Code eingibst.
4. Icon und Text Größe
Wähle zwischen drei verschiedenen Größen aus, um deinen Icon Text kleiner (S) oder größer (L) anzeigen zu lassen.