Schaltflächenstil wählen

Wenn du einen Knopf auf deiner Website einfügst, kannst du sein Aussehen anpassen – Farbe, Form und Abstände. Der Schaltflächenstil-Editor öffnet sich aus dem Designer vieler Bausteine und lässt dich diese Einstellungen vornehmen.

Voraussetzungen

Du bearbeitest gerade einen Baustein, der Schaltflächen enthält – etwa einen Call-to-Action-Button oder einen Hero-Bereich mit Knöpfen.

So gehst du vor

1. Klicke auf die Schaltfläche Stil im Bereich des Knopfes, den du gestalten möchtest. Das Fenster zur Stil-Auswahl öffnet sich.

2. Wähle im Fenster einen vordefinierten Stil aus oder erstelle eine Variante. Hier entscheidest du über Farben, Rahmen und das Verhalten des Knopfes beim Hover (wenn die Maus darüber schwebt).

3. Passe die Abstände des Knopfes an – wie viel Platz soll oben, unten, links und rechts um ihn herum sein:

   • Oben: Abstand zur darüber liegenden Stelle
   • Unten: Abstand zur darunter liegenden Stelle
   • Links: Abstand zum linken Rand
   • Rechts: Abstand zum rechten Rand

   Trage die Werte in Pixeln ein oder lass die Felder leer, um keine extra Abstände zu setzen.

4. Bestätige deine Auswahl. Der Knopf zeigt jetzt seinen neuen Stil und deine Abstände werden übernommen.

Aufbau des Stil-Fensters

Das Fenster enthält Optionen für die visuelle Gestaltung des Knopfes – Farb- und Formvorgaben, die du auswählst oder anpasst – sowie vier Felder für die Abstände ringsum. Die Abstände wirken sich nur auf den Platz um den Knopf aus, nicht auf seinen inneren Aufbau.

Was danach passiert

Der Knopf zeigt seinen neuen Stil sofort in der Vorschau. Wenn du das Fenster schliesst, sind alle Änderungen gespeichert und der Baustein trägt die neue Gestaltung. Du kannst jederzeit zurückkommen und den Stil erneut anpassen – klicke dafür einfach wieder auf Stil.

Tipps und Hinweise

• Abstände gelten nur für den äusseren Raum um den Knopf. Sie beeinflussen nicht die Grösse oder das Innenleben des Knopfes selbst.
• Wenn du mehrere Knöpfe auf einer Seite hast, kannst du jedem einen eigenen Stil geben – oder denselben Stil für Einheitlichkeit wiederverwenden.