Hoe maak ik meer ruimte tussen twee blokken?
Staan twee blokken te dicht op elkaar, bijvoorbeeld een tekst en een knop? Met het blok Horizontale tussenruimte zet je er een lege strook tussen. Je kiest zelf hoe hoog. In dit artikel lees je ook wanneer je beter een andere instelling gebruikt.
In het kort
- Zet het blok Horizontale tussenruimte tussen de twee blokken.
- Stel bij Tussenruimte de hoogte in, van 0 tot 200 pixels.
- De ruimte is op elk scherm even hoog, ook op mobiel.
- Ruimte boven of onder een hele sectie regel je met de padding van de sectie.
Stap 1: Voeg Horizontale tussenruimte toe
Klik in de kolom op de + (Blok toevoegen), typ ‘tussenruimte’ en kies Horizontale tussenruimte. Zet het blok precies tussen de twee blokken die verder uit elkaar moeten. Staat het op de verkeerde plek, verplaats het dan met de pijltjes in de werkbalk. Zie een blok verplaatsen.
Stap 2: Stel de Tussenruimte in
In het bewerkvenster staat één instelling: Tussenruimte. Sleep de schuif of typ een getal in pixels, van 0 tot 200. Begin met 30 tot 60 pixels; dat is meestal genoeg. Klik op Klaar en bekijk het resultaat in de editor.
Let op: de tussenruimte is op elk scherm even hoog. 150 pixels ziet er op een groot scherm luchtig uit, maar op een telefoon is het een groot leeg gat. Kijk altijd even hoe het op mobiel staat, en kies bij twijfel minder ruimte.
Nog geen website op leflite?
Wij bouwen hem samen met jou. Daarna pas je alles zelf aan, precies zoals in dit artikel.
- Online binnen een week
- Hosting, SSL en back-ups inbegrepen
- Vanaf €49,95 per maand
Ruimte tussen secties? Gebruik padding
Wil je meer ruimte boven of onder een hele sectie, bijvoorbeeld tussen twee gekleurde banden? Gebruik dan geen tussenruimte-blok, maar de padding van de sectie. Selecteer de sectie en open rechts het paneel Afmeting instellingen. Zet Padding instellen aan en kies Padding aan bovenkant en Padding aan onderkant. Hier kun je ook aparte waarden voor mobiel instellen. Meer daarover in de hoogte, ruimte en breedte van een sectie aanpassen.
Ruimte tussen kolommen? Gebruik een lege kolom
Dit blok maakt alleen ruimte van boven naar beneden. Wil je kolommen verder uit elkaar, of een kolom wat naar het midden schuiven? Maak dan een kolom extra en laat die leeg. Hoe je kolommen indeelt, lees je in een sectie toevoegen en in kolommen delen.
Wanneer gebruik je wat?
| Je wilt | Gebruik |
|---|---|
| Meer ruimte tussen twee blokken in één kolom | Horizontale tussenruimte |
| Meer ruimte boven of onder een sectie | Afmeting instellingen van de sectie |
| Kolommen verder uit elkaar | Een lege kolom |
| Minder ruimte op mobiel | Padding van de sectie, met aparte mobiele waarden |
Tip: gebruik overal op je site dezelfde paar waarden, bijvoorbeeld 30 en 60 pixels. Dan oogt je site rustig en consequent.
Lukt het niet?
- Je ziet geen extra ruimte. De Tussenruimte staat op 0. Schuif hem hoger en klik op Klaar.
- Op mobiel is er te veel ruimte. Kies een lagere waarde, of gebruik de padding van de sectie met een eigen mobiele waarde.
- Je kunt het blok niet tussen twee secties zetten. Klopt, een blok staat altijd in een kolom. Gebruik de padding van de sectie.
- Je wilt ruimte links of rechts. Dat kan niet met dit blok. Gebruik een lege kolom.
- Kom je er niet uit? Neem contact met ons op.
Andere blokken vind je in alle blokken op een rij.
Deel dit artikel
Robert Oosterloo
Robert Oosterloo is eigenaar en UX/UI-designer van Lef Creative in Kollum. Hij ontwerpt websites, webshops en software voor ondernemers in Noord-Nederland.
Lees ook
Berichten of pagina's automatisch tonen
Een slider instellen
Het Tekst-blok gebruiken
Ook zo’n website?
Je leest hier hoe makkelijk je een leflite-site zelf bijhoudt. Wil je er ook een? We denken vrijblijvend met je mee.
Liever direct contact? Bel Robert op 06 35 66 47 73 of stuur een WhatsApp.