Standaard gebruiken tabelkoppen op de Knowledge Base-site een neutrale achtergrondkleur. Je kunt dit veranderen naar elke kleur met Custom CSS om de zichtbaarheid van headers te verbeteren, je merk te matchen of tabellen makkelijker te scannen te maken. De wijziging geldt wereldwijd voor alle tabellen op de site.
Wanneer gebruik je een aangepaste tabelheaderkleur
- Verbeter de scanbaarheid: een duidelijke kopkleur maakt direct duidelijk welke rij kolomlabels bevat, vooral in dichte of brede tabellen.
- Merkuitlijning: stem de kopkleur af met de primaire of secundaire kleur van je product voor een meer gepolijste, brand-on-brand kennisbasis.
- Toegankelijkheidscontrast: kies een kleur met voldoende contrast ten opzichte van je koptekst om aan de leesbaarheidsnormen te voldoen.
OPMERKING
Deze CSS-wijziging geldt voor alle tabellen op je Knowledge Base-site. Het is niet mogelijk om individuele tabellen met deze methode te targeten.
Snelle referentie
Gebruik het fragment voor je Knowledge Base-siteversie. Vervang de kleurwaarde door de gewenste hexcode of CSS-kleurnaam.
.editor360-table th {
background-color: green !important; /* Change the colour based on your requirement. */
}
Hoe de kleur van de tabelkop te veranderen
- Ga in het Knowledge Base-portaal naar Instellingen > Knowledge Base-site > Custom CSS & JavaScript.
- Selecteer het CSS-tabblad en plak het fragment van je Knowledge Base-siteversie vanuit de snelle referentie hierboven.
- Vervang de kleurwaarde door de gewenste kleur, gebruik een hexcode (bijvoorbeeld
#1a73e8) of een CSS-kleurnaam (bijvoorbeeldsteelblue). - Klik op Opslaan.
Uitkomst
Voorheen
Na
Na het opslaan van de CSS verandert de achtergrond van de tabelkop naar de opgegeven kleur. In dit voorbeeld is de header ingesteld op #70db70 (groen).
