Ontwerp je knoppen

Pas de knoppen van je site aan door kleuren, lettertypen, randen, schaduwen en meer aan te passen. In deze gids wordt je door de beschikbare stijlopties geleid en hoe je ze kan toepassen.

Volg deze stappen om de knopstijlen aan te passen:

1. Gebruik de Lijstweergave om het Knoppenblok te selecteren

2. Klik in de sidebar met blokinstellingen aan de rechterkant op het pictogram Stijlen.

3. Pas de volgende stijlen van het knoppenblok aan:
   • Kleur: kies een achtergrondkleur voor het Knoppenblok. Meer informatie over kleuren.
   • Typografie: wijzig het lettertype en de grootte van de knop. Meer informatie over typografie.
   • Afmetingen: stel opvulling, marge en blokafstand in. Meer informatie over afmetingen.
   • Rand: pas de kleur en radius van de rand aan. Meer informatie over grenzen.

Volg deze stappen om stijlen toe te passen op afzonderlijke knoppen in het Knoppenblok:

1. Gebruik de Lijstweergave om een individuele knop in het Knoppenblok te selecteren.

2. Klik in de sidebar met blokinstellingen aan de rechterkant op het pictogram Stijlen.

3. Pas de volgende stijlen aan:
   • Stijlen: kies tussen opvulling en contour voor de stijl van de knop.
   • Kleur: kies de kleur van de tekst en de achtergrond van de knop. Meer informatie over kleuren.
   • Typografie: wijzig het lettertype, de stijl en de grootte van de knop. Meer informatie over typografie.
   • Afmetingen: stel de opvulling in rond een individuele knop. Meer informatie over afmetingen.
   • Rand en schaduw: pas de kleur en radius van de rand aan of voeg een slagschaduw toe aan de knop. Meer informatie over grenzen.

Samen met de typografie-opties beschikbaar in de blokstijlen, kan je opmaak toepassen op de knoptekst door deze stappen te volgen:

1. Gebruik de Lijstweergave om een individuele knop in het Knoppenblok te selecteren.
2. Markeer een gedeelte of alle knoptekst die je wilt opmaken. 

3. Kies uit de opmaakopties, waaronder:
   • Tekstuitlijning (links, midden, rechts)
   • Een link toevoegen
   • Dikgedrukt
   • Cursief
   • Het pictogram Meer bevat:
     • Markeren: verander de kleur van de tekst en de achtergrond van alleen de tekst. Gebruik stijlen om de kleur van de knop te wijzigen.
     • Inline code
     • Inline afbeelding
     • Invoerstijl toetsenbord
     • Taalattribuut
     • Doorstrepen
     • Subscript
     • Superscript