Stil und Abstände eines Schalters anpassen
Wenn du einen Schalter auf deiner Website platzierst, kannst du dessen Aussehen und den Platz um ihn herum individuell einstellen. Hier lernst du, wie du Farbe, Form und Abstände anpasst.
Voraussetzungen
Du bearbeitest gerade einen Block, der Schalter enthält – etwa einen Aufruf-Schalter, eine Karte oder ein Karussell.
Aufbau des Bereichs
Der Bereich hat zwei Teile: einen für den visuellen Stil des Schalters und einen für die Abstände ringsum.
Im oberen Teil findest du eine Schaltfläche mit einem Farbpaletten-Symbol. Sie öffnet die Stilauswahl für den Schalter.
Im unteren Teil kannst du die Abstände nach oben, unten, links und rechts einzeln einstellen – jedes Feld hat ein Richtungssymbol zur Orientierung.
So gehst du vor
Klicke auf die Schaltfläche mit dem Farbpaletten-Symbol, um die Stilauswahl zu öffnen.
Im sich öffnenden Fenster stellst du den gewünschten Stil für den Schalter ein (Farbe, Form und weitere Eigenschaften bleiben dir dort überlassen).
Bestätige deine Auswahl – das Fenster schließt sich, und der neue Stil wird übernommen.
Um die Abstände anzupassen, fülle die vier Felder im unteren Bereich aus:
- Oben: Abstand zwischen dem Schalter und dem Element darüber
- Unten: Abstand zwischen dem Schalter und dem Element darunter
- Links: Abstand zwischen dem Schalter und dem linken Rand
- Rechts: Abstand zwischen dem Schalter und dem rechten Rand
Trage jeweils einen Zahlenwert ein. Die Änderungen werden sofort übernommen.
Was danach passiert
Der Schalter erscheint nun mit dem neuen Stil und den angepassten Abständen auf der Website. Die Einstellungen gelten nur für diesen einzelnen Schalter – andere Schalter im Block bleiben unverändert.
Wenn du mehrere Schalter im selben Block hast, kannst du jeden einzeln gestalten.
Tipps und Hinweise
- Die Abstände werden in Pixeln gemessen. Kleinere Werte (5–15 Pixel) schaffen Nähe, größere Werte (20–40 Pixel) geben dem Schalter mehr Luft.
- Wenn alle vier Abstände gleich sein sollen, trage in alle Felder denselben Wert ein – das ergibt ein ausgewogenes Erscheinungsbild.
- Probiere unterschiedliche Werte aus und speichere deine Seite, um das Ergebnis live zu sehen.