Achtergrond slider maken met Elementor

Inhoud van dit artikel:

Een achtergrond slider maken met afbeeldingen? Dat kan sinds kort met Elementor. Een achtergrond slider kan je website net iets meer dynamiek geven of de juiste sfeer meegeven. In Elementor kun je achtergrond sliders instellen voor secties, innersecties en kolommen. Hoe je dat doet, leg ik je uit in dit artikel.

Achtergrond slider maken Elementor sectie of kolom

Een achtergrond slider maken werkt op dezelfde manier als het instellen van een achtergrondafbeelding of een achtergrondvideo.

  • Selecteer de sectie of kolom waarvoor je een achtergrond wilt instellen
  • Ga naar het tabblad ‘Stijl’
  • Selecteer het Galerij icoon om de background slider in te stellen
  • Upload de foto’s die je wilt tonen

achtergrondslider elementor maken

Instellingen achtergrond slider Elementor

Als je de afbeeldingen hebt toegevoegd, kun je een aantal dingen instellen:

Oneindig herhalen
Als je dit ingeschakeld laat staan, tonen de afbeeldingen steeds opnieuw. Het is wel gebruikelijk om dit gewoon aan te laten staan.

Slide duration
Hier geef je aan hoeveel milliseconden de achtergrondslider mag duren. 5000 (5 sec) is meestal genoeg. Maar je zou hem ook op bijvoorbeeld 3000 kunnen zitten.

Slide transition
Met de slide transition kun je instellen hoe de afbeeldingen in elkaar moeten overlopen. Je hebt hiervoor een vijftal opties:

slide transitions achtergrondslider elementor

Slide transition (ms)
Hiermee stel je in hoelang de overgang moet duren.

Ken Burns effect
Het Ken Burns effect zorgt ervoor dat de afbeeldingen worden ingezoomd. Dat geeft soms iets meer dynamiek.

Deze vind je misschien ook interessant:

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

Vormscheiding maken tussen secties met Elementor

Geef je pagina net een beetje extra ’touch’ met een vormscheiding. Met Elementor kun je een vormscheiding (‘shape divider’) maken tussen secties. Elementor biedt hiervoor

Standaard kleuren Elementor instellen: werk met globale kleuren!

Standaard kleuren Elementor gebruiken kun je eenvoudig doen. Het is een van de dingen die ik echt super fijn vind aan het werken met Elementor: