- Ga naar het admindeel van de toolkit door links in het menu op ‘Beheer’ te klikken.
- Kies in het menu voor ‘Instellingen’ | ‘Styling’.
Logo instellen
Je kunt je eigen logo instellen en afbeelding op de homepage instellen.
- Klik op ‘Bestand kiezen’ om je eigen logo te selecteren.
- Klik op ‘Opslaan’.
Het juiste formaat is .jpg of .png. met de afmetingen 80 px breed en maximaal 80 px hoog.
Afbeelding op homepage instellen
Op de homepage staat een achtergrondafbeelding. Je kunt deze als volgt instellen.
- Klik op ‘Bestand kiezen’ om je eigen header te selecteren.
- Klik op ‘Opslaan’.
Het juiste formaat is .jpg of .png. met de afmetingen 1280 px breed en 140 px hoog.
Lettertype instellen
Let op: Het instellen van het lettertype werkt alleen nog in de oude versie van de toolkit. In de nieuwe versie (sinds zomer 2017) wordt het lettertype automatisch ingesteld afhankelijk van het besturingssysteem van de gebruiker.
Het standaard lettertype is ‘Raleway’. Je kunt een eigen lettertype en grootte instellen. Een gratis beschikbaar aanbod van lettertypes is Google Fonts.
- Ga naar https://fonts.google.com
- Kies je lettertype
- Zet de url van het lettertype en de naam in de juiste velden.
- Typ de grootte in pixels (standaard 16 px)
- Klik op ‘Opslaan’.
Kleuren instellen
Je kunt een eigen kleurenschema samenstellen.
- Klik op een kleurveld om een nieuwe kleur te selecteren of typ de kleurcode.
- Klik op ‘Opslaan’.
De kleuren worden als volgt gebruikt:
- Donker 1:
- Titels van pagina’s en blogs
- Donker 2:
- Koppen van groepen
- Koppen in de tekst
- Knoppen
- Links (verwijzingen)
- Donker 3:
- Wordt momenteel niet gebruikt
- Donker 4:
- Actieve menu-item
- Diverse navigatie-elementen
- Licht 1:
- Achtergrondkleur van diverse tekstblokken
- Achtergrondkleur van reacties die door de gebruiker zijn geplaatst
- Achtergrondkleur van kaders in de tekst met de stijl ‘Action block’
- Licht 2:
- Achtergrondkleur van kaders in de tekst met de stijl ‘Tip block’
- Licht 3:
- Wordt momenteel niet gebruikt
- Tekstkleur:
- Tekst
- Achtergrondkleur 1:
- Wordt momenteel niet gebruikt
- Achtergrondkleur 2:
- Achtergrondkleur van de pagina