Standaard kleuren / kleurcodes in Elementor instellen

Probleem:
Je hebt van jouw opdrachtgever een aantal kleurcodes gekregen zodat de nieuwe website hetzelfde oogt als de bestaande huisstijl. Op die manier weet jij zeker dat jij de juiste kleur rood, geel of blauw gebruikt.

Voor de nieuwe website maak je gebruik van WordPress en Elementor om pagina’s snel vorm te kunnen geven. In de elementen (widgets) van Elementor kan je telkens de kleurcodes kopiëren. Het zou toch een stuk gemakkelijker zijn als je de kleuren maar één keer in hoeft te stellen?

Oplossing:
Elementor biedt de optie om eigen kleuren toe te voegen aan het kleurpalet dat getoond wordt wanneer je een kleur selecteert. Nadeel is alleen dat deze functionaliteit een beetje verstopt zit. Weet je hem eenmaal te vinden dan kan je hiermee de website veel sneller ontwikkelen omdat je geen kleurcodes meer hoeft te kopiëren en te plakken.

De kleurcodes die je via onderstaand stappenplan toevoegt zijn beschikbaar in alle Elementor pagina’s en widgets.

  1. Open een pagina in Elementor
  2. Klik op een element (widget), bijvoorbeeld een “Kop”
  3. Klik links bovenin op “Stijl” en klik op het vakje met de kleur achter “Tekstkleur”
  4. Klik op de juiste kleur of plak de kleurcode (zie 1 op de afbeelding)
  5. Klik nu op het plusje bovenin (zie 2 op de afbeelding)

Eigen kleuren instellen in Elementor.

 

Om de standaard Elementor kleuren te verwijderen volg je onderstaand stappenplan.

  1. Open een pagina in Elementor
  2. Klik op een element (widget), bijvoorbeeld een “Kop”
  3. Klik links bovenin op “Stijl” en klik op het vakje met de kleur achter “Tekstkleur”
  4. Houd de linker muisknop ingedrukt op een van de kleuren
  5. Verplaats de muis naar onderen zodat er een prullenbak icoon verschijnt
  6. Je versleept dus de kleur naar onderen
  7. Laat de muisknop los zodra het prullenbak icoontje rood wordt

Ben je goed geholpen deze oplossing? Bezoek dan ook de andere blogs over Elementor.

Oplossing getest op:
WordPress 5.4.2 en Elementor 2.9.13

Laat een reactie achter

Your email address will not be published. Required fields are marked *

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.