Met Elementor kun je eenvoudig een achtergrondafbeelding instellen voor een sectie, kolom of widget. Zo kun je bijvoorbeeld de header een achtergrondafbeelding geven, een pop-up maken met een mooie achtergrond of een call-to-action blok voorzien van een achtergrondafbeelding.
Achtergrondafbeelding aanpassen sectie of kolom
Het aanpassen van de achtergrondafbeelding voor een sectie of kolom werkt op dezelfde manier:
- Klik op het bewerk icoon om een sectie te bewerken
- Ga naar het tabblad ‘Stijl’. Klik vervolgens op het tabje ‘Achtergrond’
- Je kunt nu een achtergrondafbeelding instellen of aanpassen door op het grijze vak of de afbeelding te klikken.
Achtergrondafbeelding verder aanpassen
Als je de achtergrond hebt ingesteld, heb je nog een aantal opties om deze verder aan te passen:
Positie:
Met deze optie kun je de positie van de achtergrondafbeelding instellen. Een afbeelding kan soms een beetje ongelukkig worden afgesneden. Door de positie aan te passen, kun je ervoor zorgen dat het belangrijkste deel van de foto wordt getoond. Eventueel kun je hiervoor ook de optie ‘custom’ gebruiken. Daarmee kun je zelf handmatig de juiste positie instellen.
Vastzetting
Hiermee kun je de afbeeldingen vastzetten of mee laten scrollen. Deze optie werkt alleen op desktop.
Herhalen:
Hiermee kun je instellen of je de afbeelding wilt herhalen of niet en zo ja over welke as.
Afmeting:
Stel hier de afmeting van de afbeelding in. Zo kun je de achtergrondafbeelding de volledige sectie of kolom laten bedekken of juist inhouden. Ook hier kun je ‘custom’ afmetingen invoeren.
Achtergrondafbeelding widget instellen
Voor een widget werkt het iets anders. Ga hiervoor naar het tabblad ‘Geavanceerd’ en ga dan naar ‘Achtergrond’. Het belangrijkste verschil met de opties hierboven is dat je voor een widget geen overlay kunt instellen voor de afbeelding.
Achtergrondafbeelding voor hele pagina instellen
De achtergrondafbeelding aanpassen voor de hele pagina? Dit kan ook. Alleen kun je ook bij een pagina geen overlay instellen voor de achtergrond.
- Ga naar ‘instellingen’ (linksonderin je Elementorpanel) en dan naar het tabblad ‘Stijl’
Meerdere achtergrondafbeeldingen instellen
Wil je meer dan één achtergrond instellen? Het is nu ook mogelijk om een background slider in te stellen voor secties en kolommen.
Achtergrondafbeelding aanpassen op mobiel
Het beste nieuws is dat je al deze opties ook kunt gebruiken om de achtergrondafbeelding aan te passen voor mobiel. Je kunt zelfs een andere afbeelding instellen voor mobiel.