Mit der „Edit Style“-Funktion hast du die Möglichkeit, die Darstellung verschiedener Elemente deiner Webseite zu verändern. Dadurch kannst du Texte beispielsweise in anderen Schriftarten oder Farben darstellen oder Buttons visuell deutlich stärker hervorheben. Um bestimmte Elemente zu verändern klickst du einfach auf diese und klickst „Edit Style“. Die von dir ausgewählten Änderungen werden dann nur auf das selektierte Element angewendet.
Änderungen an der Textauszeichnung (Text)
Textelemente wie Absätze oder Überschriften können mit folgenden Funktionen verändert werden:
- Text Align
start
– Dasselbe wieleft
, außer deine Website wurde in einer Sprache verfasst, die von rechts nach links gelesen wirdleft
– Linke Ausrichtung des Textesright
– Rechte Ausrichtung des Textescenter
– Zentrierte Ausrichtung des Textesjustify
– Der Textes wird im Block angeordnet und Abstände passen sich automatisch an
- Text Decoration
none
– Keine Textdekoration, vorhandene wird entferntline-through
– Der Text wird durchgestrichenunderline
– Der Text wird unterstrichenoverline
– Der Text wird überstrichen
- Text Transform
none
– Der Text bleibt formatiert wie bisheruppercase
– Der Text wird in Großbuchstaben abgebildetlowercase
– Der Text wird in Kleinbuchstaben abgebildetcapitalize
– Der ersten Buchstaben der Wörter werden groß dargestellt
Änderungen an der Schriftart (Font)
- Font Style
normal
– Die Font wird in ihrer normalen Art dargestelltitalic
– Die Font wird kursiv dargestellt
- Font Weight
100
– Die Font wird sehr dünn dargestellt...
900
– Die Font wird sehr dick dargestellt
- Font Size
- [
xx] px
– Die Font wird in der angegebenen Pixelgröße dargestellt
- [
- Font Family
[default]
– Die Font wird in der aktuellen Font Familie der Website dargestelltArial
– Die Font wird in der Font Familie Arial dargestelltVerdana
– Die Font wird in der Font Familie Verdana dargestelltTimes
– Die Font wird in der Font Familie Times dargestelltHelvetica
– Die Font wird in der Font Familie Helvetica dargestellt
Änderung an der Farbe (Color)
- Text Color
- Ändere die Farbe des Textes, indem du entweder eine Farbe mit dem Farbwähler mittels Mausklick auswählst, einen bestimmten Hex-Farbcode eingibst (z.B. #e63e35) oder einen CSS rgba Wert eingibst (z.B rgb(255, 128, 98)).
- Background color
- Ändere die Farbe des Hintergrunds, indem du entweder eine Farbe mit dem Farbwähler mittels Mausklick auswählst, einen bestimmten Hex-Farbcode eingibst (z.B. #e63e35) oder einen CSS rgba Wert eingibst (z.B rgb(255, 128, 98)).
Änderung an der Umrandung (Border)
Mit Border hast du die Möglichkeit, die Umrandung eines Elements anzupassen oder abzuändern. Es ist möglich, Stil, Farbe und Breite der Umrandung zu ändern.
Border style
– Ändere die Art, wie die Umrandung dargestellt sein soll, z.B. „dotted“ für gepunktetBorder color
– Ändere die Farbe der UmrandungBorder width
– Ändere die Breite der Umrandung in Pixelgröße, z.B. „1px“ für sehr schmal
Änderungen an der Positionierung (Dimensions)
Mit Dimensions kannst du die Abstände deines gewählten Elements zu anderen optimieren. Dafür gibt es grundsätzlich die Möglichkeit, „Padding“, was Platz zwischen dem Content innerhalb eines Elements verändert und „Margin“, was Platz außerhalb des Elements zu anderen Elementen beeinflusst.
Auch hier kannst du mit Pixel-Angaben arbeiten. Je höher die Zahl, desto größer wird der jeweilige Abstand.
oder weiter mit Change Text