Hoe geef ik een sectie een achtergrondkleur?

Stap 1: Selecteer de sectie

Klik in de editor op de rand van de sectie, of open linksboven de Lijstweergave en klik op Sectie. Klik je per ongeluk op een blok of kolom, dan zie je rechts andere instellingen.

Stap 2: Open Achtergrond kleur

Rechts in de zijbalk staat het paneel Achtergrond kleur. Klik op de titel om het open te klappen.

Stap 3: Kies een kleur

Klik op het rondje van de kleur die je wilt. In de editor zie je de sectie meteen in die kleur. Sla de pagina op met Updaten of Concept opslaan. Een nieuwe sectie is standaard wit.

Waarom verandert de tekstkleur mee?

Elke kleur in je huisstijl heeft een vaste tekstkleur die erbij hoort. Op een zwarte of donkere sectie wordt de tekst wit, op een witte sectie donker. Zo blijft je tekst altijd leesbaar, zonder dat je per tekst een kleur hoeft te kiezen. Dat geldt ook voor koppen en links in de sectie.

Daardoor kun je de tekstkleur niet los per sectie instellen. Wil je witte tekst? Kies dan een donkere achtergrondkleur.

Welke kleuren kan ik kiezen?

Je ziet de kleuren van je eigen huisstijl, met hun Engelse naam. In de meeste websites zijn dat onder andere:

• Primary: je hoofdkleur.
• Secondary en Tertiary: je tweede en derde kleur.
• White, Black, Gray en Darkgray: neutrale kleuren.
• Transparent: geen eigen kleur.
• Yellow, Succes, Warning en Error: signaalkleuren, bedoeld voor meldingen. Gebruik ze liever niet als sectiekleur.

Welke kleur er precies achter elke naam zit, verschilt per website. Meer over je huisstijl lees je in kleuren en lettertypes van je website.

Twee secties met dezelfde kleur onder elkaar

Elke sectie heeft ruimte boven en onder. Zet je twee secties met dezelfde kleur onder elkaar, dan tel je die ruimte dubbel op en ontstaat er een groot gat. Twee oplossingen:

• Zet de inhoud in één sectie, eventueel met een kolom van 12 als tussenkop.
• Verklein bij de onderste sectie de ruimte aan de bovenkant. Dat doe je in Afmeting instellingen; zie de hoogte en ruimte van een sectie aanpassen.

Wissel je kleuren af, bijvoorbeeld wit en lichtgrijs, dan heb je dit probleem niet.

Lukt het niet?

• Je ziet het paneel Achtergrond kleur niet: je hebt een kolom of blok geselecteerd in plaats van de sectie. Kies de sectie in de lijstweergave.
• De kleur verandert niet op je site: heb je de pagina opgeslagen? Ververs daarna de pagina op je site met Ctrl+F5.
• De tekst is slecht leesbaar: kies een kleur met meer contrast, bijvoorbeeld Black of Primary in plaats van een lichte kleur.
• Een kolom heeft een andere kleur dan de sectie: die kolom is een card met een eigen kleur. Zie een kolom als card.
• De kleur die je zoekt staat er niet tussen: neem contact met ons op.

Veelgestelde vragen