Achtergrondkleur of afbeelding wijzigen

Inleiding

Met Elementor kun je eenvoudig de achtergrond van een sectie aanpassen. Je kunt een kleur instellen, een foto plaatsen of zelfs een verloop gebruiken. Dit is handig om bepaalde onderdelen van je website visueel te benadrukken.

Wat kun je aanpassen?

Je kunt de achtergrond wijzigen van:

• Een complete sectie

• Een kolom binnen een sectie

• Een widget (in beperkte mate)

De meest gebruikte optie is de achtergrond van een sectie.

Stap 1. Open de pagina in Elementor

1. Log in via www.jouwdomeinnaam.nl/wp-admin

2. Ga naar Pagina’s → Alle pagina’s

3. Klik op “Bewerken met Elementor” bij de gewenste pagina

Je komt nu in de Elementor-editor.

Stap 2. Selecteer de sectie waarvan je de achtergrond wilt wijzigen

Beweeg met je muis over de sectie.
Klik op de zes blauwe puntjes (het sectiehandvat) om de sectie te selecteren.

Links opent nu het instellingenpaneel.

Stap 3. Ga naar het tabblad “Stijl”

Klik in het linkerpaneel op het tabblad “Stijl”.
Hier zie je opties voor:

• Achtergrond
• Achtergrond-overlay
• Rand
• Vormscheiding

Voor achtergrondaanpassingen gebruik je meestal de eerste twee.

Stap 4. Achtergrondkleur instellen

1. Klik onder “Achtergrond” op het kleurvakje
2. Kies een kleur uit de kleurkiezer of vul een hexcode in
3. De kleur verschijnt direct achter de sectie

Tip: Kies kleuren uit de door SjopSjop ingestelde huisstijl voor consistentie.

Stap 5. Achtergrondafbeelding plaatsen

1. Klik onder “Achtergrond” op het vak achter “Afbeelding”
2. Kies een afbeelding uit de mediabibliotheek of upload een nieuwe
3. Pas instellingen aan zoals:

• • Positie (bijv. Midden-Midden)
  • Herhalen (meestal “Niet herhalen”)
  • Grootte (bijv. “Bedekken” voor fullscreen weergave)
  • Vastzetten (parallax-effect)

Dit geeft veel controle over hoe je achtergrond eruitziet.

Stap 6. Achtergrond-overlay gebruiken

Wil je dat de tekst beter leesbaar blijft?
Gebruik dan een overlay.

1. Ga naar “Achtergrond-overlay”
2. Kies een kleur (bijvoorbeeld zwart met 30% transparantie)
3. Pas de doorzichtigheid aan met de schuifbalk

Dit zorgt voor extra contrast, vooral bij fotoachtergronden.

Stap 7. Achtergrond wijzigen voor mobiel

Klik linksonder op de apparaatknoppen (desktop, tablet, mobiel).
Sommige achtergronden zien er anders uit op kleinere schermen.

Je kunt per apparaat instellen:

• Een andere positie
• Een andere grootte
• Een andere afbeelding (optioneel)

Zo blijft je design op elk apparaat netjes.

Stap 8. Pagina opslaan

Klik linksonder op de groene knop “Bijwerken” om je wijzigingen op te slaan.

Veelvoorkomende vragen

1. Mijn achtergrondafbeelding ziet er ingezoomd uit
   Stel de grootte in op “Bedekken” of “Aangepast”.
2. De achtergrond toont niet op mobiel
   Soms staat er onder responsief een verborgen instelling. Controleer dit onder Geavanceerd → Responsief.
3. Ik kan de achtergrond niet selecteren
   Dan klik je waarschijnlijk op een widget in plaats van op de sectie.
   Klik altijd op de zes blauwe puntjes bovenaan de sectie.

Kort samengevat

• Selecteer de sectie met de zes puntjes
• Ga naar “Stijl”
• Kies een kleur of voeg een achtergrondafbeelding toe
• Gebruik overlay voor betere leesbaarheid
• Controleer desktop, tablet en mobiel
• Klik op “Bijwerken” om op te slaan

Hulp nodig?

We reageren meestal binnen 24–48 uur. Je antwoord is maar één berichtje van je vandaan.