Block Header Styles
Wende die X-Bar Frontend-Rezeptgruppe Block Header Styles aus dem CSS-Recipes-Panel in deinen X-Bar-Editor-Layouts an.
Block Header Styles Überblick
Block Header Styles ist eine Frontend-Rezeptgruppe in den X-Bar CSS Recipes, mit der du die Überschriften deiner Inhaltsblöcke über ein komplettes Layout hinweg stylen kannst.
Nutze diese Rezepte, wenn du eine konsistente visuelle Behandlung für Blocktitel möchtest, aber das gesamte Styling weiterhin direkt in X-Bar steuern willst.
Block Header Styles wird zukünftig konkrete Header-Varianten enthalten, sobald diese final sind. Nutze diese Seite bis dahin als Referenz dafür, wie du ein beliebiges Block Header Styles Rezept aus dem X-Bar CSS Recipes Panel anwendest.
So wendest du ein Block Header Styles Rezept an
Nutze diesen Ablauf, wenn du ein Block Header Styles Rezept in einem X-Bar Layout hinzufügen oder austauschen möchtest.
Öffne X-Bar und finde CSS-Recipes
Öffne deine Website im Editor und starte X-Bar.
Öffne in der X-Bar-Oberfläche das CSS-Recipes-Panel und navigiere zum Bereich Frontend Recipes.
Wähle ein Block Header Styles Rezept
Suche in den Frontend Recipes die Gruppe Block Header Styles.
Wähle das Header-Rezept aus, das du für dein aktuelles Blocklayout verwenden möchtest.
Kopiere den Rezept-Code
Nutze die Kopierfunktion für das ausgewählte Block Header Styles Rezept im CSS-Recipes-Panel.
Damit kopierst du den vorbereiteten Code-Snippet in deine Zwischenablage.
In den X-Bar Editor einfügen
Wechsle zurück in den X-Bar-Editorbereich, in dem du benutzerdefinierten Code oder Styles verwaltest.
Füge das kopierte Block Header Styles Rezept in den passenden Code-Slot oder den entsprechenden Stylesheet-Bereich ein.
Speichern und Header-Styling prüfen
Speichere oder übernimm deine X-Bar-Änderungen.
Rufe die Seite im Frontend auf und prüfe, ob deine Block-Header jetzt das angewendete Block Header Styles Rezept nutzen.
Verwandte Frontend-Rezepte
Nutze diese verwandten Ressourcen, um weitere X-Bar CSS Recipes und zusätzliche headernahe Muster zu entdecken.
Alle X-Bar CSS-Rezepte
Entdecke den kompletten Katalog der X-Bar CSS Recipes, inklusive Frontend- und Editor-Rezepten, die du mit Block Header Styles kombinieren kannst.
Eyebrow Styles Rezepte
Sieh dir Eyebrow Styles Frontend-Rezepte (Pill- und Icon-Varianten) an, die sich gut mit Block Header Styles oberhalb deiner Block-Überschriften kombinieren lassen.
Last updated 2 days ago
Built with Documentation.AI