Modules verticaal centreren in Divi

Modules verticaal centreren in een rij – Een module verticaal in het midden van een kolom plaatsen, in plaats van bovenaan? Dat kan met CSS toe te voegen.

Voor

Na

Werkwijze

  • Voeg een rij toe, open de rij-instellingen en ga naar de tab Ontwerp
  • Selecteer JA bij Formaat wijzigenKolomhoogten gelijk maken
Divi Kolomhoogten gelijk maken
  • Ga in dezelfde rij naar het tabblad Content en klik op het tandwieltje van de klom aan die je wilt centreren.
Divi - Rij-instellingen - Content - Kolomstructuur
  • Klik in de kolom-instellingen op Geavanceerd en vervolgens op CSS-id en –klasses.
  • Vul bij CSS Klasse het volgende in: verticaal-centreren
Divi Kolom-instellingen CSS Klasse - Verticaal centreren
  • Kopieer onderstaande CSS code en plak deze in Dashboard – Thema Opties –  Aangepaste CSS
Divi verticaal centreren van modules in rij

Maak een website met Divi

Hosting

 

Koop Page Builder Everywhere