Deine Buttons gestalten

Passe die Buttons deiner Website an, indem du Farben, Schriftarten, Rahmen, Schatten und mehr veränderst. Dieser Ratgeber führt dich durch die verfügbaren Stiloptionen und zeigt dir, wie du sie anwenden kannst.

Befolge diese Schritte, um die Button-Stile anzupassen:

1. Verwende die Listenansicht, um den Buttons-Block auszuwählen.

2. Klicke in den Block-Einstellungen in der rechten Seitenleiste auf das Icon Stile.

3. Passe die folgenden Stile des Buttons-Blocks an:
   • Farbe: Wähle eine Hintergrundfarbe für den Buttons-Block aus. Weitere Informationen zu Farben.
   • Typografie: Ändere die Schriftart und -größe des Buttons. Weitere Informationen zur Typografie.
   • Abmessungen: Lege Abstand, Rand und Blockabstand fest. Weitere Informationen zu Abmessungen.
   • Rahmen: Passe die Rahmenfarbe und den Radius an. Weitere Informationen zu Rändern.

Befolge diese Schritte, um Stile auf einzelne Buttons innerhalb des Buttons-Blocks anzuwenden:

1. Verwende die Listenansicht, um einen einzelnen Button innerhalb des Buttons-Blocks auszuwählen.

2. Klicke in den Block-Einstellungen in der rechten Seitenleiste auf das Icon Stile.

3. Passe die folgenden Stile an:
   • Stile: Wähle für den Button-Stil zwischen Ausfüllen und Konturieren aus.
   • Farbe: Wähle die Text- und Hintergrundfarbe des Buttons aus. Weitere Informationen zu Farben.
   • Typografie: Ändere Typ, Stil und Größe der Button-Schrift. Weitere Informationen zur Typografie.
   • Abmessungen: Lege die Innenabstände um einen einzelnen Button fest. Weitere Informationen zu Abmessungen.
   • Rahmen und Schatten: Passe die Rahmenfarbe und den Radius an oder füge dem Button einen Schlagschatten hinzu. Weitere Informationen zu Rändern.

Neben den in den Blockstilen verfügbaren Typografieoptionen kannst du mit den folgenden Schritten Formatierungen auf den Button-Text anwenden:

1. Verwende die Listenansicht, um einen einzelnen Button innerhalb des Buttons-Blocks auszuwählen.
2. Markiere einen Teil oder den gesamten Button-Text, den du formatieren möchtest. 

3. Wähle aus den Formatierungsoptionen, u. a.:
   • Text links, mittig oder rechts ausrichten
   • Link hinzufügen
   • Fett
   • Kursiv
   • Das Mehr-Icon beinhaltet:
     • Hervorheben: Ändere die Text- und Hintergrundfarbe nur für den Text. Verwende Stile, um die Farbe des Buttons zu ändern.
     • Inline-Code
     • Inline-Bild
     • Stil der Tastatureingabe
     • Sprachattribut
     • Durchgestrichen
     • Tiefgestellt
     • Hochgestellt