Por padrão, cabeçalhos de tabelas no site da Knowledge Base usam uma cor de fundo neutra. Você pode mudar para qualquer cor usando CSS personalizado para melhorar a visibilidade do cabeçalho, combinar com sua marca ou facilitar a leitura das tabelas. A mudança se aplica globalmente a todas as tabelas do site.
Quando usar uma cor de cabeçalho de tabela personalizada
- Melhorar a varredura: uma cor distinta do cabeçalho deixa imediatamente claro qual linha contém rótulos de colunas, especialmente em tabelas densas ou largas.
- Alinhamento da marca: associe a cor do cabeçalho à cor principal ou secundária do seu produto para um conhecimento mais refinado e fiel à marca.
- Contraste de acessibilidade: escolha uma cor com contraste suficiente em relação ao texto do cabeçalho para atender aos padrões de legibilidade.
NOTA
Essa alteração de CSS se aplica a todas as tabelas do seu site da Base de Conhecimento. Não é possível direcionar tabelas individuais usando esse método.
Referência rápida
Use o trecho para a versão do seu site da Base de Conhecimento. Substitua o valor da cor pelo código hexadecimal ou nome da cor CSS desejado.
.editor360-table th {
background-color: green !important; /* Change the colour based on your requirement. */
}
Como mudar a cor do cabeçalho da tabela
- No portal da Base de Conhecimento, acesse Configurações > site da Base de Conhecimento > CSS & JavaScript Personalizados.
- Selecione a aba CSS e cole o trecho da versão do seu site da Knowledge Base a partir da referência rápida acima.
- Substitua o valor da cor pela cor desejada, use um código hexadecimal (por exemplo,
#1a73e8) ou um nome de cor CSS (por exemplo,steelblue). - Clique em Salvar.
Desfecho
Antes
Depois
Após salvar o CSS, o fundo do cabeçalho da tabela muda para a cor especificada. Neste exemplo, o cabeçalho está definido como #70db70 (verde).
