Witruimte en Automatische witruimte
Met het element Witruimte kun je ruimte tussen twee elementen creëren. Zo staan een afbeelding en knop bijvoorbeeld niet meer strak tegen elkaar aan.
Met het element Automatische witruimte kun je elementen als het ware naar boven of beneden duwen, zodat de elementen in één rij op dezelfde manier uitlijnen (gecentreerd).
Witruimte toevoegen
Voeg dit element toe door de volgende stappen te doorlopen:
1. Log in in het CMS en ga naar de editor van de website.
2. Ga naar de pagina waar je dit element wilt toevoegen. Maak eerst een gewone paginasectie aan. In deze paragraaf lees je daar meer over.
3. Beweeg met je muis over het scherm waar je het element wilt toevoegen zodat er een rood blokje zichtbaar wordt in het midden van het scherm. Ga hier met je muis op staan, zodat de tekst + Element verschijnt. Als je hierop klikt komt het editor venster tevoorschijn, hier kan je kiezen welk element je wilt toevoegen, kies Witruimte in het overzicht. Je kan bovenin zoeken als je het element niet in het overzicht ziet staan.
4. Vul de volgende informatie in:
- Grootte: Kies hoe groot de witruimte moet zijn; klein, medium of groot.
- Verberg op mobiel: Als je deze toggle aan zet, dan wordt de witruimte op mobiel niet getoond.
- Verberg op dektop: Als je deze toggle aan zet, dan wordt de witruimte op desktop niet getoond.
- Custom: Als de standaard grootte niet toereikend is, dan kun je hier zelf de grootte bepalen. Hiervoor gebruik je pixels.
5. Als alles goed is ingesteld klik je rechtsonder op Opslaan.
Automatische witruimte toevoegen
Dit element gebruik je als je een afbeelding in het midden van de rij wil uitlijnen. Je voegt het element Automatische witruimte dan boven en onder het element toe. Het element wordt als het ware naar het midden gedrukt. Wil je het element onderaan de rij uitlijnen? Dan voeg je het element Automatische witruimte alleen boven het element toe.
Voeg dit element toe door de volgende stappen te doorlopen:
1. Log in in het CMS en ga naar de editor van de website.
2. Ga naar de pagina waar je dit element wilt toevoegen. Maak eerst een gewone paginasectie aan. In deze paragraaf lees je daar meer over.
3. Beweeg met je muis over het scherm waar je het element wilt toevoegen zodat er een rood blokje zichtbaar wordt in het midden van het scherm. Ga hier met je muis op staan, zodat de tekst + Element verschijnt. Als je hierop klikt komt het editor venster tevoorschijn, hier kan je kiezen welk element je wilt toevoegen, kies Witruimte in het overzicht. Je kan bovenin zoeken als je het element niet in het overzicht ziet staan.
4. Je hoeft hier niets in te stellen. Klik op Opslaan om het element toe te passen.
Als je op de drie puntjes bovenin klikt heb je de optie om het element te verwijderen. Als je klikt op de twee overlappende vierkanten, dan kun je het element op je klembord plaatsen. Je kunt het element met alle instellingen en content dan plakken op een andere pagina. In de paragraaf Element dupliceren (hergebruiken) lees je daar meer over.