Header element

Een header element gebruik je vaak voor titels en subtitels in berichten. Wanneer je een header element toevoegt aan het canvas, dan zie je aan de linkerkant de volgende opties verschijnen:

Linkerpaneel met stijlopties van het header element

Header stijl

  • Type header: kies welke grootte header je wilt toepassen.
  • Lettertype: standaard wordt het lettertype overgenomen dat je bij de tab Algemeen hebt aangegeven. Het is mogelijk om deze voor de header te wijzigen. Er is keuze tussen de standaard web safe fonts.
  • Lettertype grootte: hetgeen wat hier getoond wordt is afhankelijk van het type header dat je hebt gekozen. De grootte is aan te passen naar wens.
  • Regelhoogte: hoeveel ruimte wil je tussen de tekstregels hebben? Voor een goede leesbaarheid is ruimte nodig.
  • Tekstkleur: de tekstkleur wordt ook overgenomen van de tab Algemeen. Maar als je een andere kleur wilt voor je header dan je overige tekst, dan is dat hier naar wens aan te passen.
  • Uitlijning: de tekstuitlijning van je header bepaal je hier.
  • Text transform: er zijn verschillende opties voor je headertekst. Wil je dat deze met een hoofdletter start, de header volledig in kapitalen is, in kleine letters of geen toepassing.
  • Radius hoeken: rond de hoeken van het headervak af. Handig om je header visueel te laten aansluiten bij andere afgeronde elementen in je bericht, zoals buttons of afbeeldingen. Je stelt de radius in met de plus- en minknoppen, of klik op het icoon ernaast voor een volledig ronde hoek.
  • Padding: pas een ruimte toe boven, onder, links of rechts rondom je tekst. Dit kan ook afzonderlijk ingesteld worden door op het icoon rechts van de padding te klikken. Standaard is een padding van 10 ingesteld voor alle kanten.

Geavanceerd

  • Ervaring met code? Het is mogelijk om zelf CSS classes toe te voegen.

Wanneer je het header element selecteert als het op je canvas staat, verschijnen er bovenin het scherm meer opties om je tekst te stylen:

Werkbalk met tekstopmaak-opties boven het canvas

Optie Functie
Undo en redo icoon Undo & Redo
Maak je wijziging ongedaan of voer je wijziging opnieuw uit.
Link en unlink icoon Link & Unlink
Plaats een link in je tekst of unlink wanneer je geen link meer in je tekst wilt hebben. Klik je op de link optie dan verschijnen er verschillende type links die je kunt toevoegen. Lees hier meer over bij type link.
Personalisatieveld icoon Personalisation field
Met deze optie is het mogelijk om personalisatie toe te voegen in je bericht. Denk aan een aanhef of het aanspreken op voornaam. Je kunt personaliseren op al de databasevelden die je beschikbaar hebt in je account.
Vetgedrukt, cursief, onderstreept en doorstreept icoon Bold, Italic, Underline, Strikethrough
Maak je tekst vet gedrukt, schuin gedrukt, onderstreept of doorstreept.
Tekstkleur icoon Text color
Wil je alleen een specifiek deel of woord in een andere tekstkleur, dan gebruik je deze optie.
Achtergrondkleur icoon Background color
Met deze optie kan je een deel van de tekst markeren door een achtergrondkleur te geven.
Genummerde lijst en opsommingslijst icoon Numbered list & Bullet list
Maak een lijst met cijfers of met bullet points.
Tabel icoon Table
Een tabel toevoegen doe je met dit icoon.
Speciaal teken icoon Special character
Zoek je een speciaal karakter? Zoals een pond, dollar of euro. Je vindt hier verschillende opties.
Accessibility checker icoon Accessibility checker
De accessibility checker checkt je bericht op onder andere contrast van tekst, zodat je bericht duidelijk leesbaar is, ook voor visueel beperkte mensen. Een technische omschrijving lees je hier.
Links-naar-rechts en rechts-naar-links icoon Left to right & Right to left
Deze optie gebruik je wanneer je een taal toepast die je schrijft van rechts naar links, in plaats van links naar rechts.
Uitlijnen links, midden, rechts en uitvullen icoon Align left, center, right, justify
Deze opties komen je vast bekend voor van andere tekstbewerkingsprogramma's. Een tekst kun je links uitlijnen, in het midden, rechts of uit laten vullen.
Inspringing verkleinen en vergroten icoon Decrease indent & Increase indent
Met deze optie kan je een tekst laten inspringen en weer terug.

Handige links