Como personalizar a coloração da barra do topo do site
Neste artigo, iremos abordar como alterar a coloração da barra do topo do site, onde está localizada as informações de acesso e cadastro do cliente
Observações:
Essa configuração é feita via Admin e irá necessitar de acesso nível Administrador para ser feita, logo, busque apoio com o seu gestor interno.
Passo 1: Acessar a aba de personalização de CSS do admin
Em Configurações -> Layout
Os componentes de alteração devem ser ajustados nessa aba
IMPORTANTE: As alterações de layout são de total responsabilidade da empresa, recomendamos que seja salvo um backup (no bloco de notas, por exemplo) antes de finalizar as modificações pois alterações incorretas podem afetar o site.
Passo 2: Como visualizar a cor antes de realizar a alteração?
Dentro da inspeção de elementos é possível visualizar os componentes da página. Ao selecionar o “site-header__topbar topbar” é possível adicionar na direita as características a esse elemento, a alteração pode ser visualizada em tempo real, auxiliando assim em uma pré resultado de como ficará a página após atualizar o CSS.
Passo 3: Alterando os parâmetros
O bloco que deve ser alterado é necessário ser adicionado caso não seja encontrado
Dentro do topbar deve ser adicionado o elemento de background, esse elemento é responsável pela coloração da barra superior da página.
É recomendado que também seja adicionado o elemento color, ele é responsável pela coloração em que o texto será exibido nesse componente
Passo 4: Validando a alteração feita
Dentro de 10 minutos após a alteração já vai ser possível visualizar a personalização realizada. Com o exemplo que utilizamos o resultado será semelhante ao seguinte:
Observação: As alterações de layout são de total responsabilidade da empresa, recomendamos que seja salvo um backup antes de finalizar as modificações.