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!
Dank voor deze info. Een probleem de code is op de een of andere manier voor ipad en iphone niet weg te halen. Of heb je daar ook een truk voor
Hoi Eric! Yes je kan de code idd niet selecteren om te verwijderen, maar als je gewoon een spatie in het veld zet dan verdwijnt hij :). Succes!