Home Kennisbank Pagina's & secties Hoe lijn ik kolommen uit of maak ik ze even hoog?

Hoe lijn ik kolommen uit of maak ik ze even hoog?

Robert Oosterloo
Bijgewerkt op · 3 min lezen

Staan je kolommen scheef ten opzichte van elkaar, of zijn je cards ongelijk hoog met de knoppen op verschillende hoogtes? Dat los je op met één instelling op de sectie: de uitlijning van de kolommen.

In het kort

  • Selecteer de sectie en open Uitlijning instellingen.
  • Kies bij Uitlijning van kolommen: Boven, Midden, Onder of Uitrekken.
  • Met Uitrekken worden cards even hoog en staan de knoppen op één lijn.
  • De standaard is Midden.

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

Stap 1: Selecteer de sectie

De uitlijning is een instelling van de sectie, niet van de kolom. Klik op de rand van de sectie, of kies Sectie in de lijstweergave.

Stap 2: Open Uitlijning instellingen

Rechts in de zijbalk staat bovenaan het paneel Uitlijning instellingen.

Stap 3: Kies Boven, Midden, Onder of Uitrekken

Kies in de keuzelijst Uitlijning van kolommen:

  • Boven: alle kolommen beginnen bovenaan. Goed voor tekst naast tekst, zodat de koppen op één lijn staan.
  • Midden: kolommen staan verticaal in het midden ten opzichte van elkaar. Goed voor een korte tekst naast een grote foto. Dit is de standaard.
  • Onder: kolommen sluiten onderaan op elkaar aan.
  • Uitrekken: alle kolommen worden even hoog als de hoogste.
Het paneel Uitlijning instellingen met de keuzelijst Uitlijning van kolommen open en de keuze Uitrekken gemarkeerd
Kies hoe de kolommen ten opzichte van elkaar staan.

Uitrekken: even hoge cards met knoppen onderaan

Heb je drie kolommen als card (of drie Card-blokken) met teksten van verschillende lengte, dan worden de cards ongelijk hoog. Kies Uitrekken: alle cards worden even hoog als de hoogste, en de knoppen schuiven naar de onderkant. Zo staan ze netjes op één lijn.

Drie witte cards naast elkaar met teksten van verschillende lengte, even hoog, met de drie knoppen Lees meer rood omkaderd op dezelfde hoogte
Met Uitrekken staan de knoppen op één lijn.

Hoe je van een kolom een card maakt, lees je in een kolom als card tonen. Voor een card met afbeelding, tekst en knop in één blok, zie het Card-blok.

Tekst onderin een hoge sectie

Heeft de sectie een minimale hoogte, bijvoorbeeld een hero van 85 vh met een foto erachter? Dan bepaalt dezelfde uitlijning ook waar je inhoud in de sectie staat. Kies Onder voor een grote titel onderaan de foto, of Boven voor tekst bovenin. De hoogte stel je in bij de hoogte en ruimte van een sectie.

Foto en tekst even hoog

Zet je tekst naast een foto in het blok Afbeelding en kies je Uitrekken, dan worden de kolommen wel even hoog, maar de foto zelf rekt niet vanzelf mee: hij houdt zijn eigen verhouding. Wil je dat de foto de hele hoogte vult, vraag ons dan om dit in de huisstijl te regelen. Of kies een foto met ongeveer dezelfde verhouding als je tekstblok.

Tip: in een sectie met een titel over de volle breedte (kolom van 12) en drie cards eronder, geldt de uitlijning voor alle kolommen. Uitrekken werkt dan ook op de titelkolom, maar daar zie je het niet. Je kunt dus gewoon Uitrekken kiezen.

Lukt het niet?

  • Je ziet Uitlijning instellingen niet: je hebt een kolom of blok geselecteerd. Selecteer de sectie.
  • Cards zijn niet even hoog: controleer of de uitlijning op Uitrekken staat. Cards in verschillende secties worden niet onderling even hoog.
  • Kolommen in een rij staan anders: een Rij binnen een kolom heeft een eigen uitlijning. Selecteer de rij en stel daar Uitlijning van kolommen in.
  • Op mobiel staat alles onder elkaar: dat is normaal. Uitlijning werkt alleen als kolommen naast elkaar staan; zie kolommen op mobiel.

Meer over kolommen in een sectie toevoegen en in kolommen indelen.

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 .