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

Achtergrondafbeelding aanpassen in Elementor

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’

Achtergrond afbeelding aanpassen Elementor

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.

Tip! Stel eenvoudig een video achtergrond in met Elementor!

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.

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.