Kennis.shop ingesteld op jouw huisstijl

Jouw kleuren in Kennis.shop, zonder dat je ook maar één regel CSS code hoeft te begrijpen

Kleuren
Vul de hex-codes van je huisstijl in, of klik op het kleurvlakje naast het veld om een kleur te kiezen. Er is ook een colorpicker (pipetje) beschikbaar zodat je direct een kleur op bijvoorbeeld je eigen website in een andere tab kunt selecteren!
Lege velden worden niet meegenomen in de code.
Weet je alleen je RGB- of HSL-codes? Gebruik de kleurencalculator onderaan de tool.

Logo
Valt je logo klein uit in Kennis.shop, terwijl het bestand zelf goed van formaat is? Dan heeft Kennis.shop de maximale hoogte lager ingesteld dan jouw logo nodig heeft. Pas de hoogte hier aan en genereer opnieuw. Laat het veld leeg als je logo er goed uitziet.

Marije als kunstschilderes als afbeelding bij de kleurentoolgenerator.
CSS Generator – Kennis.shop
1

Kleuren

Vul de hex-codes van jouw huisstijl in, of klik op het kleurvlak om te kiezen. Lege velden worden overgeslagen in de code.

Primaire kleur Knoppen, links en actieve menu-items
Donkere tekstkleur Lopende tekst en paginatitels (H1)
Accentkleur Tussenkoppen H2, H3 en H4
CTA-kleur Streep naast citaten en het certificaat-vinkje
Achtergrondkleur De achtergrond van je Kennis.shop omgeving
2

Logo

Toont het logo dat je in de instellingen van Kennis.shop geüpload hebt te klein? Probeer dan de maximale hoogte aan te passen. Eerste poging niet mooi? Probeer een andere hoogte. Laat het veld leeg als je tevreden bent.

px

Maximale hoogte van je logo in de navigatiebalk.

Meer dan 140px werkt niet goed in Kennis.shop. Zet de hoogte terug naar maximaal 140.

RGB naar hex
#808080
HSL naar hex
#000000

Ga in Kennis.shop naar Instellingen > Algemeen > Aangepaste Stijl en zet de stijlmodus op </> Geavanceerd. Plak de code hieronder in het tekstveld en klik op Opslaan.

Jouw CSS-code

Liever hulp met de instellingen van jouw eigen Kennis.shop omgeving?