Edit Style

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.

„Edit Style“ bezieht sich nur auf das markierte Element

Änderungen an der Textauszeichnung (Text)

Textelemente wie Absätze oder Überschriften können mit folgenden Funktionen verändert werden:

„Edit Style“ – Text ist bei allen Elementen auswählbar, macht aber nur bei Texten Sinn
  1. Text Align
    1. start – Dasselbe wie left, außer deine Website wurde in einer Sprache verfasst, die von rechts nach links gelesen wird
    2. left – Linke Ausrichtung des Textes
    3. right – Rechte Ausrichtung des Textes
    4. center – Zentrierte Ausrichtung des Textes
    5. justify – Der Textes wird im Block angeordnet und Abstände passen sich automatisch an
  2. Text Decoration
    1. none – Keine Textdekoration, vorhandene wird entfernt
    2. line-through – Der Text wird durchgestrichen
    3. underline– Der Text wird unterstrichen
    4. overline– Der Text wird überstrichen
  3. Text Transform
    1. none – Der Text bleibt formatiert wie bisher
    2. uppercase – Der Text wird in Großbuchstaben abgebildet
    3. lowercase – Der Text wird in Kleinbuchstaben abgebildet
    4. capitalize– Der ersten Buchstaben der Wörter werden groß dargestellt

Änderungen an der Schriftart (Font)

  1. Font Style
    1. normal – Die Font wird in ihrer normalen Art dargestellt
    2. italic – Die Font wird kursiv dargestellt
  2. Font Weight
    1. 100 – Die Font wird sehr dünn dargestellt
      ...
    2. 900 – Die Font wird sehr dick dargestellt
  3. Font Size
    1. [xx] px – Die Font wird in der angegebenen Pixelgröße dargestellt
  4. Font Family
    1. [default] – Die Font wird in der aktuellen Font Familie der Website dargestellt
    2. Arial – Die Font wird in der Font Familie Arial dargestellt
    3. Verdana – Die Font wird in der Font Familie Verdana dargestellt
    4. Times – Die Font wird in der Font Familie Times dargestellt
    5. Helvetica – Die Font wird in der Font Familie Helvetica dargestellt

Änderung an der Farbe (Color)

  1. Text Color
    1. Ä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)).
  2. Background color
    1. Ä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.

  1. Border style – Ändere die Art, wie die Umrandung dargestellt sein soll, z.B. „dotted“ für gepunktet
  2. Border color – Ändere die Farbe der Umrandung
  3. Border 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