Afbeelding of tekst aan de onderkant van een kolom plaatsen

by | 22 mei 2024 | Divi tips

Het komt voor dat je objecten onderaan, op de bodem, wilt uitlijnen. Een praktisch voorbeeld is dat je twee foto’s naast elkaar wilt laten zien. Eén liggend, één staand.

Of je wilt een bijschrift plaatsen bij een foto. In deze Divi Tip laat ik zien hoe ik onderstaand voorbeeld heb gemaakt. Het stelt niet veel voor als je weet hoe het zit.

Bijschrift bij het plaatje.

Kolomhoogten gelijk maken

Maak eerst een rij met twee kolommen. Je plaatst links een tekstmodule en rechts een afbeeldingsmodule.

In de instellingen van de rij ga je naar Ontwerp – Formaat wijzigen en zet de kolommen op gelijke hoogten.

CSS aanpassen in eerste kolom

Ga dan naar Content – eerste kolom instellingen. In deze kolom ga je een css aanpassing doen, zie onder.

In het hoofdelement vul je in:

margin: auto auto 0;

En dat was het. Vergeet niet te kijken hoe het er op mobiel uitziet, want misschien wil je dat daar anders.