Globale kleuren aanpassen

Bijbehorende les in videotraining: 2.2 Globale kleuren instellen

Als je een kleur ergens verandert, doe dat dan het liefst via de globale kleuren. En niet direct in een element een kleur aanpassen, waardoor het blauwe bolletje naast de kleur verdwijnt:

Maar zorg altijd dat je een globale kleur hebt geselecteerd, zoals hier:

Dit is belangrijk, omdat je dan altijd op één centrale plek je globale kleuren kunt aanpassen. Ideaal als je later toch een ander kleurenpalet wil: je hoeft dan alleen je globale kleuren aan te passen en het is overal direct toegepast. Anders moet je je hele site af gaan en alles kleur voor kleur gaan aanpassen.

Globale kleuren aanpassen

  1. Open een willekeurige pagina in de Elementor builder.
  2. Klik linksboven op het menu-icoontje.
  3. Klik op Site instellingen.
  4. Klik op Globale kleuren.
  5. Klik op een gekleurd vlakje om de kleur aan te passen. Versleep de color picker of plak de HEX-code (zoals #0F5146).

Tip: gebruik het Canva brandboard hierbij die je in de videotraining in de les over globale kleuren kunt vinden.

Nieuwe kleur aan globale kleuren toevoegen

Dit kun je doen door naar de globale kleuren te gaan a.d.h.v. de stappen hierboven, en dan onderin klikken op ‘Kleur toevoegen’. Maar je kunt ook:

  1. In de Elementor builder tijdens het bouwen een nieuwe kleur aanmaken in het element waar je mee bezig bent. Bijv een achtergrondkleur van een container.
  2. Als je de nieuwe kleur hebt gekozen (en je dus niet meer dat blauwe bolletje ziet) klik je vervolgens op het plusje en geef je het een relevante naam.
  3. Nu kun je deze globale kleur gebruiken en toepassen op elementen naar wens.

Andere globale kleur toekennen aan een element

Het kan zijn dat na het aanpassen van de globale kleuren, een kleur in het vooringestelde template niet lekker uitpakt met jouw kleuren. Je hoeft jouw globale kleuren dan niet te veranderen, maar je kunt dan een andere van jouw globale kleuren toekennen.

  1. Open de tab ‘Stijl’ van het element waar je in bezig bent.
  2. Kies een andere globale kleur.

Meer artikelen

Categorieën

Meer hulp nodig?

Open de bijbehorende training voor extra hulp. Of vraag om support via het formulier.