Page Builder
Styling und Responsive Design.
Legen Sie Layout, Abstände, Typografie und Hintergrund pro Element fest – getrennt für Desktop, Tablet und Mobil sowie für Hover und Klick.
Das Panel Style mit ausgewähltem Bildschirm Mobile
Wählen Sie ein Element aus und öffnen Sie das Panel Style: Layout, Größe, Abstände, Typografie und Hintergrund.
Desktop, Tablet, Mobil
Oben im Panel wechseln Sie zwischen Desktop / Tablet / Mobile. Ein für einen kleineren Bildschirm gesetzter Wert überschreibt den größeren nur dort – Tablet gilt bis 1023 px, Mobil bis 767 px.
Hover und Klick
Die Schalter Hover und Press legen das Aussehen beim Überfahren mit der Maus (und bei Tastaturfokus) sowie während des Drückens fest – auch getrennt für Tablet und Mobil.
Schneller gestalten
- Ein Typografie-Stil (Main title, Section heading, Lead…) setzt die Schrift mit einer einzigen Auswahl. Die Stile selbst definieren Sie unter Site appearance.
- Einen Schatten oder Rahmen stellen Sie mit dem Stift ✎ neben dem Feld zusammen.
- Grids haben einen Grid-Editor: Spalten, Zeilen und benannte Bereiche.
- Copy style / Paste style überträgt das Aussehen von einem Element auf ein anderes.
Wiederholt sich dasselbe Aussehen, kopieren Sie es nicht hin und her – geben Sie den Elementen stattdessen eine gemeinsame Klasse.