Como altero a cor do texto de sobreposição e a cor de fundo do menu do cabeçalho?

Dev
,
1

Como altero a cor de fundo e o texto de destaque do menu do cabeçalho?
Não tenho muita experiência com CSS.
O código e onde inseri-lo seriam úteis, obrigado!

@vinothkannans

2

Olá @rickwatson, aqui está um código para te ajudar. Você precisará atualizar os valores de color/background-color para que fiquem adequados à sua preferência. Colocá-los na aba common.css deve funcionar.

Cor de Fundo do Menu do Cabeçalho:

.b-header {
   background-color: var(--tertiary);
}

Links

.b-header .nav-pills li a {
    color: var(--secondary);
}

Links (ao passar o mouse)

.b-header .nav-pills li a:hover {
    color: #001aff;
    background-color: red;
}

Em relação aos valores que você pode fornecer às propriedades color e background-color, consulte aqui para mais informações. Você pode inserir códigos de cores hexadecimais, valores rgba, valores hsa, etc.

No entanto, é recomendado sempre que possível usar variáveis CSS existentes para que você possa manter coisas como o suporte ao modo escuro.

Você pode descobrir quais variáveis existem em seu site e a quais cores elas correspondem verificando as ferramentas de desenvolvedor do seu navegador (:link: como acessar).

Uma vez aberto, verifique na aba Styles as declarações em color_definitions.scss no seletor :root.

example
example814×1394 189 KB

3 curtidas
3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.