Elk element op een pagina heeft hetzelfde soort instellingenpaneel. Weet je hoe het werkt, dan kun je elk element stylen.
De instellingen van een element openen
Klik op het element op de pagina. Links opent het paneel met maximaal vier tabbladen, weergegeven als iconen:
- Inhoud: wat het element zegt of laat zien, zoals de afbeelding, de video of de actie van de knop.
- Stijlen: hoe het eruitziet: grootte, kleuren, rand, vorm en uitlijning.
- Instellingen: hoe het zich gedraagt.
- Effecten: animaties en visuele effecten. Zie Animaties, confetti en andere effecten.
Een element toont alleen de tabbladen die het gebruikt. Tekst, koppen en spacers hebben geen paneel: die bewerk je direct op de pagina.
De werkbalk van het element
Naast het geselecteerde element verschijnt een kleine werkbalk:
- Sectie selecteren (of Header selecteren / Footer selecteren) selecteert de sectie waarin het element staat.
- Met Element verplaatsen sleep je het, of druk je op Shift+↑ en Shift+↓.
- Element dupliceren maakt een kopie (Ctrl/Cmd+D).
- Element verwijderen verwijdert het. Bij spellen, formulieren, kalenders en interactieve afbeeldingen moet je dat bevestigen. Houd Alt ingedrukt en druk op Delete om de vraag over te slaan waar dat mag.
Druk op Tab en Shift+Tab om het volgende of vorige element te selecteren.
Veelgebruikte stijlinstellingen
- Grootte: kies Klein, Gemiddeld of Groot, of klik op de drie puntjes om zelf de Breedte en Hoogte in te stellen. Knoppen kunnen passend maken voor tekst, zodat ze meegroeien met de tekst.
- Vorm: Vierkant, Rond, Pil of een eigen hoekradius.
- Rand: Geen, Effen, Dubbel, Gestippeld, Gestreept of Groef, met een breedte en een kleur.
- Kleur: kies een kleur of typ een hexcode. Je Recent gebruikte kleuren staan in de kleurkiezer.
- Achtergrond: een Kleur, een Afbeelding (met Plaatsing: Boven, Midden of Onder) of, op pagina's, een Video van YouTube, Vimeo of je eigen bestand.
- Uitlijning: Links, Midden of Rechts, of een raster van 3 × 3 voor elementen die in een hoek kunnen staan.
- Afstand: de ruimte tussen de onderdelen van een element.
- Schaduw: zet hem aan en stel de kleur, vervaging en positie in.
De Designkit en je eigen stijlen
De meeste elementen gebruiken je Designkit totdat je ze wijzigt. Heb je de stijl van een knop gewijzigd, dan verschijnen er twee knoppen op het tabblad Stijlen:
- Stijlen wissen zet het element terug naar de Designkit.
- Op alles toepassen slaat je wijzigingen op in de Designkit, zodat elke knop ze volgt.
Wijzigingen alleen voor mobiel en tablet
Schakel boven de pagina naar Mobiel of Tablet en wijzig een instelling: de wijziging geldt dan alleen voor dat schermformaat. Naast instellingen die afwijken van desktop verschijnt een klein pijltje om ongedaan te maken. Klik erop om de waarde van desktop weer te gebruiken.
Add-ons
Veel elementen hebben extra functies, add-ons genoemd. Klik in het paneel op de add-onknop (tooltip Geavanceerde extensies) om ze te zien, bijvoorbeeld Knop-add-ons of Formulier-add-ons. Elke add-on heeft een korte beschrijving en een schakelaar. Sommige add-ons hebben eigen Instellingen: klik op het tandwiel om ze te openen. Ingeschakelde add-ons staan in het paneel, zodat je in één oogopslag ziet wat er aanstaat.