Stil-Tab

Im Abschnitt Abstand kannst du den Außenabstand (Margin) und Innenabstand (Padding) vergeben.

Gibst du keine Maßeinheit mit ein, setzt Bricks “px” voraus.

Neben den beiden Überschriften Margin und Padding befinden sich zwei kleine Icons. Das erste switcht die Formularfelder auf eine ältere Ansicht/Anordnung.

Das zweite Icon verknüpft die Eingabe in den Feldern. Klickst du einmal auf das Icon werden gegenüberliegende Felder verknüpft, das heißt links – rechts und oben – unten. Wenn du jetzt oben einen Wert eingibst, wird er automatisch auch unten eingegeben.

Klickst du zweimal auf das Icon werden die Eingaben in allen Feldern verknüpft.

Definiere hier die Elementgröße und das Seitenverhälnis (Aspect Ratio).

Selbstverständlich kannst du das Element auf der Seite positionieren wie du möchtest. Zur Auswahl stehen:

• static
• relative
• absolute
• sticky
• fixed

Dazu kannst du natürlich entsprechende Abstände für Oben, Rechts, Unten und Links auf.

Des weiteren kannst du den Z-Index (die Ebene) festlegen.

“Einrasten beim Scrollen” 
Wähle den Typ aus:

• Unset
• Mandatory (Y-Achse)
• Proximitry (Y-Achse)
• Mandatory (X-Achse)
• Proximitry (X-Achse)

Bestimme die Ausrichtung (scroll-snap-align) start, center oder end.

Und auch den Stop (scroll-snap-stop) kannst du wählen mit always oder normal. 

Unter Sonstiges kannst du die Sichtbarkeit, das Überlaufverhalten, die Deckkraft, den Cursor, die Isolation, den Mix Blend Mode und die Pointer events einstellen.

Hier dreht sich alles um die Schrift des Elementes.

Zuerst kannst du Farbe und Schriftgröße festlegen.

Lege fest ob der Text linksbündig, mittig. rechtsbündig oder im Blocksatz ausgerichtet werden soll.

• capitalize – Schreibt den Anfangsbuchstaben jeden Wortes groß
• uppercase – Schreibt alle Buchstaben aller Wörter groß
• lowercase – das Gegenteil, stellt alles in Kleinbuchstaben dar
• none – nichts von allem. Stellt sicher, dass keine vorangegangenen Deklarationen den ausgewählten Text beeinflussen.

Wähle die Schriftfamilie aus, die Schriftstärke, den Schriftstil (normal, italic, oblique) und font-variant Einstellungen.

Desweiteren kannst du Zeilenhöhe, Zeichenabstand, Textschatten, sowie Text -Dekoration festlegen.

Hier kannst du die Hintergrundfarbe, ein Hintergrundbild oder Hintergrundvideo festlegen.

Im Falle des Hintergrundbildes hast du folgende Einstellmöglichkeiten:

• In welcher Bildgröße soll das Hintergrundbild ausgegeben werden. Die Auswahl hängt von den, in deiner Wordpress Installation, registrierten Bildgrößen.
• Hintergrund-Mischmodus (background-blend-mode)
• Hintergrund Anhang (scrollen oder fixiert)
• Hintergrundposition
• Wiederholung des Hintergrundbildes
• Hintergrundgröße

Bestimme die Breites des Rahmens sowie den Stil, die Farbe und den Radius

Dein eingesetztes Element soll einen Schatten haben, kein Problem.

Vergebe Werte auf der x- und y-Achse um die Position des Schattens zu bestimmen.

Des weiteren kannst du die Unschärfe und Ausdehnung bestimmen.

…und ob der Schatten eingefügt werden soll.

Hier kannst du einen Farbverlauf oder eine Farb(-verlauf)überlagerung vergeben.

Wähle aus ob du es auf den Hintergrund, Text oder Overlay anwenden möchtest. Danach kannst du den auswählen ob der Verlauf radial, linear oder konisch sein soll.

Füge dann beliebig Viele Farben hinzu und bestimme an welcher Stelle (in %) die jeweilige Farbe enden soll.

Unter Transformieren könne Elemente verschoben, skaliert, rotiert und geneigt werden.

Hier kannst du als erstes das Übergangsverhalten (transition) des Elementes definieren.

Der größere Teil dient für das vergeben von benutzerdefinierten CSS Anweisungen. Hier kannst du alles deklarieren was du über die einzelnen Abschnitte des Stil-Tabs nicht definieren willst oder kannst.

Tipp: nimmst du %root% als Selektor, wird das aktuelle Element angesprochen (oder dessen eventuell vergebene CSS Klasse).

Unten kannst du dem Element noch beliebige CSS Klassen vergeben (diese werde nicht im globalen CSS Klassenmanager gespeichert) oder eine CSS ID.

Hier kannst du dem relevanten HTMl Element eigene Attribute vergeben.