Kort antwoord
Ga naar het tabblad Geavanceerd van een element. Hier stel je margin (buitenruimte) en padding (binnenruimte) in per zijde of voor alle zijden tegelijk.
Inhoudsopgave
Verschil margin en padding
Padding is de ruimte bínnen het element (tussen rand en inhoud). Margin is de ruimte búiten het element (afstand tot omliggende elementen).
Instellen
Klik op een element, ga naar Geavanceerd. Boven zie je Margin en Padding velden. Klik op het kettingicoon om elke zijde apart in te stellen.
Responsive spacing
Klik op het apparaat-icoon om spacing per apparaat in te stellen. Mobiel heeft vaak minder padding nodig dan desktop.
Wat dit oplevert
Stel padding ruimer in dan je in eerste instantie zou verwachten: te weinig ruimte rondom tekst en knoppen maakt een pagina al snel benauwd ogen. Op mobiel mag de padding vaak wat kleiner, omdat het scherm nu eenmaal minder breed is.
Negatieve margin gebruiken
Soms wil je dat een element overlapt met de sectie erboven, bijvoorbeeld een afbeelding die net over de rand van een gekleurd vlak steekt. Dit doe je met een negatieve margin, bijvoorbeeld -40px. Gebruik dit met mate en controleer altijd op mobiel, want een overlap die op desktop mooi oogt, kan op een klein scherm juist tekst overlappen.
Veelgestelde extra vraag
Werk je aan spacing en padding en margin en layout op een website die je zelf beheert, houd dan bij welke wijzigingen je doorvoert en wanneer. Zo kun je bij problemen makkelijker terugvinden wat er is aangepast. Bij een website van MADA Tech noteren wij dit soort wijzigingen ook in ons eigen systeem, zodat je aanspreekpunt precies weet wat er is gebeurd als je vragen hebt.
Wat als het toch misgaat
Klopt de spacing niet zoals verwacht, controleer dan of de instelling per abuis alleen voor mobiel of tablet is aangepast. Elementor onthoudt instellingen per apparaat apart, dus een wijziging op desktop verschijnt niet automatisch ook op een telefoon.
Spacing tussen secties gelijk houden
Gebruik voor de ruimte tussen secties het liefst steeds dezelfde waarde, bijvoorbeeld 80px op desktop en 40px op mobiel. Wissel je per sectie van afstand, dan oogt de pagina onrustig. Leg deze waarden vast in je eigen aantekeningen, zodat nieuwe pagina's dezelfde ruimte aanhouden.
Padding rond tekstblokken
Tekst die direct tegen de rand van een gekleurd vlak staat, is lastiger te lezen. Geef tekstblokken minimaal 20 tot 30 pixels padding rondom, zodat de tekst ruimte krijgt en de sectie rustiger oogt.
Volgende stap
Wil je niet zelf in Elementor blijven puzzelen? Bij managed hosting van MADA Tech maken of passen wij pagina's op verzoek voor je aan.
Managed WordPress hostingZie ook
Danny van Elteren
Lead Developer & oprichter · 24 februari 2026
Wanneer MADA Tech inschakelen?
- Je wilt het niet zelf doen of komt er niet uit
- Je wilt het in een keer goed laten regelen
- Je wilt doorlopend beheer en support
- Je wilt hulp met elementor
Web- en marketingbureau in Assen, sinds 2023. Websites, webshops, software, SEO en beheer voor bedrijven en organisaties in heel Nederland. Websites vanaf €699 of €65 per maand inclusief managed hosting en basis SEO.
Hulp nodig?
Wij helpen je graag verder met persoonlijk advies. Professionele websites vanaf €699 of €65 per maand inclusief beheer.
Gerelateerd