Hoe pas ik de kleuren van mijn website aan?
Heb je nog niet eerder ingelogd? Dan moet je dat eerst even doen voordat je aan de slag kan. Hoe je dat doet, ontdek je hier.
Wil je graag de kleuren op ujewebsite aanpassen aan je huisstijl? Dat kan zeer eenvoudig:
Tip: Noteer op voorhand de kleurcodes die je wil gebruiken. Je kan die ook opvragen bij het bedrijf dat je logo ontworpen heeft. Onze editor gebruikt standaard HEX-waarden, maar je kan ook RGB-waarden invullen.
- Klik op de tab “global styling” boven in de navigatiebalk.
- Links van je scherm verschijnt een lijst met elementen. Klik daar op de pagina “global colors”.
- Er verschijnt een scherm waarin je de kleuren van je website kan aanpassen.
Er verschijnt een lijst met alle kleuren die gebruikt worden op je website. Wanneer je daar een kleur aanpast, verandert die dus ook overal op je website.
- Klik op de kleur die je wil aanpassen.
- Er zal een tweede pop-up openen met daarin een kleurenkiezer.
- Onderaan rechts kan je de HEX-waarde van je gewenste kleur invullen. Die waarde bestaat uit een # gevolgd door 6 cijfers of letters. Als je enkel over RGB-kleuren beschikt, kan je die invullen via de notatie rgba(000, 000, 000)
- Je kan ook een kleur zoeken die je mooi vindt door het zwarte bolletje in de kleurenkiezer te verschuiven.
- Wanneer je je kleuren gekozen hebt, klik je op “Save” rechtsonder.
Tip: je kan best je hoofdkleur in “Primary Spot Color 2” zetten. Kies daarna bij “Primary Spot Color 1” een tint lichter en bij “Primary Spot Color 3” een tint donkerder dan je originele kleur. Bij “Secondary”-kleuren, kan je een tweede, iets minder belangrijke kleur toevoegen. Dat zorgt voor variatie op je website. Denk eraan dat de webdesigner je website heeft opgebouwd met die kleuren en dat er dus een logica achter zit. Wees daarom voorzichtig met het aanpassen van je kleuren.
Je aanpassingen zijn meteen zichtbaar op je website. Vergeet ook niet te controleren hoe je website eruitziet op een tablet of een smartphone. Dat doe je door bovenaan in het midden op de verschillende icoontjes te klikken.
Wanneer je vervolgens naar de tab “build” gaat, kom je terecht in de editor van je website. Daar kan je alle aanpassingen zien die je net gedaan hebt. Vergeet ook niet je andere portviews (tablet en smartphone) na te kijken. Dat doe je door bovenaan in het midden op de verschillende icoontjes te klikken.
Wil je nog andere aanpassingen doen op je website? Bekijk dan zeker de “startersgids” op onze Academy website.
Tip: Via “preview” kan je bekijken hoe je aanpassingen er voorlopig uitzien. Daarvoor klik je op de knop “preview” rechtsboven. Je krijgt een nieuw tabblad te zien met daarin je website in voorvertoning op alle 3 de portviews (computer, tablet en smartphone). Zo kan je zien of alles overal goed staat.
Bent je toch niet tevreden van je aanpassingen of heb je per ongeluk een fout gemaakt? Geen probleem. Je kan steeds tot 30 stappen teruggaan. Daarvoor ga je naar het klokje rechtsboven. Klik op de laatste actie die je hebt uitgevoerd en vervolgens op de knop “apply”. Je krijgt nu terug de vorige versie te zien.
Heb je vragen of ondervind je problemen? Contacteer ons gerust via via 078 15 15 25 (zonaal tarief) of via info@fcrmedia.be.