Kort antwoord
Selecteer een sectie of container in Elementor, ga naar het tabblad 'Stijl' en kies onder 'Achtergrond' een kleur, afbeelding of gradient.
Inhoudsopgave
Achtergrondkleur
Selecteer de sectie, ga naar Stijl > Achtergrond en kies 'Klassiek'. Klik op het kleurveld om een kleur te kiezen of een HEX/RGB waarde in te vullen.
Achtergrondafbeelding
Kies 'Klassiek' en upload een afbeelding. Stel de positie (center center), grootte (cover) en herhaling (no-repeat) in voor het beste resultaat.
Overlay
Gebruik het tabblad 'Background Overlay' om een kleur-overlay over je afbeelding te leggen. Dit verbetert de leesbaarheid van tekst over de afbeelding.
Wat dit oplevert
Kies een overlay die past bij de tekst erboven: een donkere overlay op een lichte foto verbetert de leesbaarheid van witte tekst aanzienlijk. Test dit altijd met de daadwerkelijke tekst uit de sectie, niet met placeholder tekst, want lettergrootte en kleur beïnvloeden het resultaat.
Gradients gebruiken
Naast een effen kleur of afbeelding kun je onder Achtergrond ook kiezen voor 'Gradient'. Stel twee kleuren in en een richting, en Elementor maakt een vloeiende overgang. Een gradient in twee tinten van je huisstijlkleur oogt vaak rustiger dan een felle enkele kleur en werkt goed als achtergrond achter een hero-sectie.
Veelgestelde extra vraag
Werk je aan achtergrond en background en kleur en afbeelding 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
Werkt de achtergrondafbeelding niet zoals verwacht, controleer dan eerst of de afbeelding zelf wel is geüpload in de juiste grootte. Een te kleine afbeelding wordt uitgerekt en oogt onscherp. Bij twijfel over de juiste afmeting kun je altijd contact opnemen, wij denken graag mee over de beste maat voor jouw sectie.
Voorbeeld: een donkere hero-achtergrond
Wil je een hero-sectie met een foto en witte tekst erover, kies dan een foto met rustige achtergrond en voeg een donkere overlay van zo'n veertig procent dekking toe. Zo blijft de witte kop goed leesbaar, ook op een telefoon waar het scherm kleiner is en contrast nog belangrijker wordt.
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