Home Kennisbank Blokken & editor Hoe maak ik meer ruimte tussen twee blokken?

Hoe maak ik meer ruimte tussen twee blokken?

Robert Oosterloo
Bijgewerkt op · 3 min lezen

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.

Het bewerkvenster van het blok Horizontale tussenruimte met de schuif Tussenruimte op 60, de schuif gemarkeerd
Kies hoeveel pixels ruimte je wilt.
Twee keer dezelfde tekst met knop naast elkaar: links zonder extra ruimte, rechts met een gestippeld gemarkeerde tussenruimte van 60 pixels tussen tekst en knop
Links zonder, rechts met 60 pixels tussenruimte.

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
Website van Inspirare Coaching op een laptop

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

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 .