De breedte van de kolommen aanpassen doe je zo

4 aug 2021 | CSS MUSTHAVE

Marloes met laptop blog
Je kunt uit meerdere kolom combinaties kiezen in een nieuwe rij. Maar soms is het nog steeds niet wat jij nodig hebt. Zo pas je de breedte van de kolommen aan!
divi-breedte-kolommen-aanpassen-css

Stap 1: Voeg een nieuwe rij toe en kies de layout optie die het dichtst in de buurt komt

Eigenlijk is het enige relevante of het het juiste aantal kolommen is 😋.

Stap 2: Vul de kolommen met de gewenste modules en inhoud.

Zonder inhoud is het lastig om de breedte van de kolommen precies te krijgen zoals je wilt. Maar ik gok dat je deze tutorial pas gezocht hebt, nadat je een rij had gevuld 😉.

Stap 3: Ga naar de Rij-instellingen

Ga nu voor elke kolom naar de Kolom-instellingen:

Stap 4: Ga in de Kolom-instellingen naar Geavanceerd -> Aangepaste CSS

Plak daar onder Hoofdelement de volgende CSS code:

width: 70% !important;

Stap 5: Zoek naar de beste verhouding en je bent klaar!

Pas het percentage in de CSS code naar wens aan! Zorg ervoor dat de percentages van de kolommen bij elkaar 100% zijn. Voorbeeld: heb je een rij met 2 kolommen en maak je de ene 20%, dan moet de andere dus 80% zijn 🤓.

LET OP: Haal de code weg voor tablet en mobiel, voor als je daar de kolommen gewoon onder elkaar wilt hebben zoals altijd. Als je dit niet doet, dan blijven ze daarop ook naast elkaar!

Vragen of (leuke) opmerkingen? 😁 Plaats ze hieronder!

0 reacties

Een reactie versturen

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Customize lekker verder!

Marloes blij blog

Hoi, ik ben Marloes!

Een enthousiaste webdesigner, gespecialiseerd in het DIVI thema voor WordPress. Mijn tutorials zijn geschreven voor iedereen die de basics van DIVI al kent.

Ken jij die nog niet, maar wil je graag met DIVI aan de slag? Bekijk dan mijn uitgebreide beginners training!