Ruimte rondom een tekst module/rij/kolom met een achtergrond toevoegen

Wanneer je een achtergrond toevoegt aan een module, rij of kolom is het belangrijk om ook ruimte rondom de inhoud toe te voegen. Anders oogt het heel rommelig en onprofessioneel. Het toevoegen van ruimte kun je doen door een 'buffer' toe te voegen. De 'buffer' is de ruimte tussen de tekst en de rand van de module. Het toevoegen van een 'buffer' werkt bij een module, rij en kolom op dezelfde manier. In dit artikel laat ik je zien hoe je dat kunt doen

Buffer toevoegen aan een Module: Wanneer je een achtergrond toevoegen aan een module, dan is het belangrijk dat je de buffer toevoegt in de instellingen van de module.

1. Open de module instellingen door op het tandwiel icoon te klikken in het grijze menu

   

2. Onder 'Ontwerp' bij 'Rand' kun je nu in de lege velden bij 'Buffer' 40px (zoals in dit voorbeeld) invullen. 

   

3. Wanneer je je muis op 'Buffer' houdt verschijnen er icoontjes. Als je op het 'mobiel' icoon klikt, kun je de 'buffer' anders in stellen voor 'Tablet' of 'Telefoon'

4. Klik op 'Tablet' en vul in de lege velden '30px' in en bij 'Telefoon' vul je '20px' in.

   

5. Klik op het groene vinkje om de wijzigingen op te slaan
6. Vergeet niet om de pagina op te slaan als je klaar bent
7. Controleer even op elk apparaat hoe de buffer eruit ziet zodat je dit eventueel kunt aanpassen.

Buffer toevoegen aan een rij:

 Wanneer je een achtergrond toevoegt aan een rij, dan is het belangrijk dat je de buffer instelt in de instellingen van de rij.

1. Open de instellingen van de rij door op het 'tandwiel' icoon te klikken in het groene menu

   

2. Onder 'Ontwerp' bij 'Afstand' houd je je muis op 'Buffer' en klik op het mobiel icoontje. 

   

3. Vul bij 'Desktop' in de vier lege velden 40px in. Bij 'Tablet' 30px en bij 'Telefoon' 20px. 

4. Klik op het groene vinkje om de wijzigingen op te slaan

   

5. Vergeet niet om de pagina op te slaan als je klaar bent
6. Controleer even op elk apparaat hoe de buffer eruit ziet zodat je dit eventueel kunt aanpassen.

Buffer toevoegen aan een kolom:

 Wanneer je een achtergrond toevoegt aan een kolom, dan is het belangrijk dat je de buffer toevoegt in de instellingen van de kolom.

1. Open de instellingen van de rij door op het tandwiel icoon te klikken in het groene menu

   

2. Open vervolgens de instellingen van de kolom, door op het 'tandwiel' icoon van de kolom te klikken

   

3. Onder 'Ontwerp' bij 'Afstand' houd je je muis op 'Buffer' en klik op het mobiel icoontje. 

   

4. Vul bij 'Desktop' in de vier lege velden 40px in. Bij 'Tablet' 30px en bij 'Telefoon' 20px.

   

5. Klik op het groene vinkje, en doe hetzelfde voor de tweede kolom.
6. Wanneer je nu op het vinkje klikt en bij de 'rij instellingen' onder 'Ontwerp' bij 'Formaat wijzigen' > 'Kolomhoogten gelijk maken' op 'JA' zet, blijven de kolommen dezelfde hoogte, ook al is de tekst niet even lang (zie voorbeeld hierboven)
7. Klik op het groene vinkje op de wijzigingen op te slaan
8. Vergeet niet om de pagina op te slaan als je klaar bent 
9. Controleer even op elk apparaat hoe de buffer eruit ziet zodat je dit eventueel kunt aanpassen.