Globale kleuren gebruiken in Elementor

In dit artikel

Globale kleuren in Elementor zijn een handige tool om op een snelle manier jouw kleuren aan te passen. Een globale kleur houdt in dat de kleur op één centraal punt wordt ingesteld. Door dit in te stellen kun je gemakkelijk kleuren hergebruiken en aanpassen in de toekomst. Want zodra je de kleur op het centrale punt aanpast, zal dit op de hele website direct meeveranderen. Hiermee voorkom je dat je op iedere pagina de kleur moet aanpassen wanneer je jouw kleuren aanpast.

Het gebruiken en toepassen van globale kleuren is erg eenvoudig. Volg onderstaand stappenplan om zelf met globale kleuren te werken. Onder het stappenplan vind je een video waarin ik alles stap voor stap laat zien.

Globale kleuren aanmaken stappenplan

  1. Ga naar de pagina waarop jij een kleur wilt toevoegen of aanpassen
  2. Klik vervolgens op ‘Bewerk met Elementor
  3. Klik op het onderdeel waarvan de kleur moet worden bewerkt, bijvoorbeeld een knop
  4. Pas bij ‘Stijl‘ de ‘Kleur‘ aan naar een kleur naar wens
  5. Klik vervolgens op het ‘+‘ en geef een naam aan de nieuwe globale kleur
  6. Pas deze nieuwe globale kleur vervolgens toe op andere onderdelen, door de globale kleur in het lijstje onder het ‘wereldbolletje‘ aan te klikken

Globale kleuren aanpassen stappenplan

  1. Ga naar de pagina waarop jij een kleur wilt toevoegen of aanpassen
  2. Klik vervolgens op ‘Bewerk met Elementor
  3. Klik links bovenin op het ‘hamburger menu‘ en vervolgens op ‘site instellingen
  4. Klik in dit scherm op ‘Globale kleuren
  5. Pas in het lijstje de kleur die je wilt veranderen aan en zie alles meeveranderen
  6. Klik op ‘Updaten‘ zodra je klaar bent

Ditzelfde werkt voor globale lettertypes, hier heb ik ook een los artikel over gemaakt.