Kleuren aanpassen over de gehele website

We maken gebruik van 4 verschillende kleuren, die allemaal een eigen functie op de website hebben. Nadat je deze kleuren in de 'Standaard palet voor kleurenkiezer' hebt ingevoerd, kunnen we de kleuren gemakkelijk instellen aan de achterkant van je website. Je wilt natuurlijk dat alle knoppen, accenten, kopteksten en corps-teksten over de gehele website dezelfde kleur hebben. In dit artikel stellen we deze kleuren in bij de 'Thema aanpasser' 

Wil je meer informatie over de 4 verschillende kleuren en waarom we deze kiezen? Bekijk het artikel Kleuren (Algemeen)

Ben je nog op zoek naar de juiste kleurencombinaties? Klik hier voor kleurvoorbeelden of als je liever zelf kleuren wilt mixen : Coolors

1. Ga naar je achterkant van je website door op 'Dashboard' te klikken
2. Houdt de muis op 'Divi' en klik vervolgens op 'Thema aanpasser' 

   

3. We beginnen bij 'Algemene Instellingen' 

4. Klik vervolgens op 'Layout Instellingen'

5. Hier kunnen we de 'Kleur Thema-Accent' aanpassen 

6.  We gaan nu terug naar de Algemene instellingen en kiezen voor 'Typografie' 

7. Hier kun je de 'Kleur Corpslink' aanpassen voor de hele website

8. Ook kun je onder 'Typografie' de tekstkleur van de koppen en de corps aanpassen over de gehele website. We raden wel aan om dit goed leesbaar te houden en dus niet voor felle kleuren te kiezen.

9. Ga nu terug naar eerste menu en kies voor 'Koptekst en navigatie' 
   

10. Onder 'Koptekst en navigatie' kun je alle kleuren aanpassen van je 'Primaire menubalk', 'Secundaire menubalk' en de 'Vaste navigatie instellingen'. Gebruik hier voornamelijk je accentkleur en je CTA-kleur. 

11. Nadat je dit hebt gedaan kun je tussentijds op 'Publiceren' klikken om je wijzigingen op te slaan 

12. We gaan nu door met de 'Voettekst' instelingen. Dit zijn alle kleuren op de footer van je website. 

13. Onder 'Layout' kun je de achtergrondkleur van de footer aanpassen. 

14. Pas ook bij 'Widgets' en 'Footer menu' de kleuren aan

15. Wanneer je dit gedaan hebt kun je onder 'Knoppen' de kleur van de knoppen wijzigen

16. Zorg dat je de 'Achtergrondkleur' en 'Boord-kleur' hetzelfde maakt, anders oogt dit niet netjes.

17. Onder het kopje 'Stijl van de knoppen van de muisaanwijzer' kun je de achtergrondkleur van de knop iets lichter maken dan bij 'knoppenstijl', zodat je een lichte kleurverschil ziet wanneer je met je muis over de knop beweegt.

18. We hebben nu alle kleur-instellingen aan de achterkant van je website nagelopen. Je kunt de kleuren natuurlijk altijd aanpassen wanneer je website af is, dus blijf hier niet te lang op hangen!

19. Vergeet niet om op 'Publiceren' te klikken wanneer je klaar bent met instellen om de wijzigingen op te slaan.
    

20. Zijn er nog kleuren die je wilt aanpassen, die niet mee zijn veranderd? Bekijk het volgende artikel: Kleuren aanpassen op de voorkant van je website

    ---

    Mocht je nog meer vragen hebben of het is nog niet helemaal duidelijk? Neem dan contact op door hieronder op "Neem contact op" te klikken. Klopt deze informatie niet meer? Laat het ons dan ook weten!