Share on email
Share on whatsapp
Share on twitter
Share on linkedin
Share on facebook

Overlay achtergrondafbeelding instellen met Elementor

Een achtergrondafbeelding is niet voor niets een achtergrondafbeelding. Maar soms gaat er toch iets teveel aandacht naar een achtergrondafbeelding. Het is dan handig om een overlay in te stellen voor de achtergrond. Het meest voor de hand liggend is om een kleur of verloop in te stellen, maar je kunt ook nog een afbeelding instellen.

Overlay instellen

In een ander artikel lees je hoe je een achtergrondafbeelding instelt voor een sectie, kolom of widget. Wanneer je een achtergrondafbeelding hebt ingesteld, verschijnt er vanzelf een nieuwe tab onder ‘Overlay’. Klik hier op.

Je ziet nu dezelfde mogelijkheden als die je hebt bij het instellen van een een achtergrond. Je kunt een afbeelding als overlay instellen, een kleur of een verloop.

Doorzichtigheid instellen

Als je een overlay instelt, kun je een beetje gaan spelen met de doorzichtigheid van de overlay. In Elementor zie je altijd direct het resultaat van je wijziging. Zo kun je dus doorgaan tot je tevreden bent met het resultaat.

Als je gebruik maakt van een verloop kun je eventueel ook de transparantie (opacity) van één van de kleuren omlaag zetten.

CSS filters

Naast dat je een kleur of verloop instelt om bijvoorbeeld de tekst leesbaarder te maken, kun je ook gebruik maken van CSS filters om dit doel te bereiken. Hiervoor heb je ook een aantal opties:

Share on email
Share on whatsapp
Share on linkedin
Share on twitter
Share on facebook
Sanne IJspeerd

Sanne IJspeerd

Sanne is eigenaar van SIJ Web. Ze ontwikkelt WordPress websites met Elementor. Daarnaast ondersteunt ze bedrijven bij de inzet van marketing- en communicatieactiviteiten.

Deze post heeft 2 reacties

  1. Dag Sanne,

    Ik was aan het googlen en stuitte op jou website over achtergrond afbeelding omdat ik bezig ben met Elementor en de achtergrond afbeelding niet zichtbaar heb in “View” of online maar wel in de Elementor opmaak . Ken je dit probleem ?.

    Ik ben een paar dagen op weg met Elementor maar de tip van de overlay hou ik vast.

    Website is in ontwikkeling dis nog niet online,

    Als je een oplossing weet hoor ik graag.

    Met vriendelijke groet,

  2. Hoi Samuel,

    Werken alle andere afbeeldingen die je plaatst wel? En heb je het onderstaande al geprobeerd?
    – Afbeelding opnieuw uploaden
    – Andere afbeelding gebruiken
    – Achtergrondafbeelding instellen bij een andere sectie, kolom (of andere pagina)

    Als dit ook allemaal niet werkt, kan er een conflict zijn met een andere plugin. Gebruik je een plugin om de website in onderhoudsmodus te zetten? Zo ja, deactiveer deze dan even om te zien of de afbeelding dan wel werkt. Als je nog andere plugins gebruikt deze ook even een voor een deactiveren om te kijken of dit het probleem oplost.

    Als het dan nog niet lukt, mag je mij ook de inloggegevens sturen per mail (sanne@sijweb.nl) dan kan ik er even voor je naar kijken.

    Groetjes,

    Sanne

Geef een reactie

Hulp nodig?

We helpen je graag! Stel hieronder je vraag:

Elementor Expert gezocht

tips ontvangen?

Schrijf je in voor onze nieuwsbrief!

We respecteren je privacy.
Je ontvangt max. 1 keer per maand een mail.