Kolommen gelijke hoogte geven

by | 17 juni 2020 | Divi basis

Het komt vaak voor de je inhoud van twee kolommen op gelijke hoogte wilt plaatsen. En meestal gaat dat ook automatisch goed:

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Deze alinea is iets langer.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Het wordt anders als je een achtergrondkleur of randen gebruikt in kolommen. De meeste klanten van mij vallen erover als ik het zo oplever. Ze zien liever dat de eerst en derde kolom gelijke hoogten hebben. Het komt ook vaak voor bij call-to-actions, testimonials of blogs van ongelijke hoogten.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Deze alinea is iets langer.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

De meeste mensen zien het dus liever zo:

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Deze alinea is iets langer.

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Gelukkig heeft Divi daar een knop voor.

Ga naar de instellingen van de rij. Bij ‘Ontwerp’ vind je een knop ‘Kolomhoogten gelijk maken’. Zet die op ‘Ja’.

Bij de module ‘Call-to-action’ werkt het iets anders. Standaard verschijnt de achtergrondkleur in de call-to-action. Als je de blokken even hoog wilt hebben, zet dan de achtergrondkleur in de kolommen van de rij aan en niet in de call-to-actions zelf.

Je titel komt hier

Your content goes here. Edit or remove this text inline or in the module Content settings. 

Je titel komt hier

Your content goes here. Edit or remove this text inline or in the module Content settings. En dan een stukje extra tekst

Je titel komt hier

Your content goes here. Edit or remove this text inline or in the settings.