WordPress Ajuda

Modificar a aparência dos menu no WordPress com CSS

Em algumas situações, as funcionalidades de um tema não atendem às necessidades de design do seu site. Por exemplo, você pode querer usar uma cor que não está disponível por padrão ou mover um elemento na página um pouco para a esquerda ou para a direita. Você pode usar o CSS no seu painel do WordPress para realizar essas alterações.

Observação: essas alterações de CSS se aplicam apenas ao seu tema ativo no momento e continuarão em vigor após as atualizações do tema, sem a necessidade de um tema filho. Se você trocar o tema ativo, será necessário aplicar as alterações de CSS novamente.
  1. Faça login no WordPress.
  2. No menu lateral esquerdo, selecione Aparência e, em seguida, Personalizar.
    Observação: se aparecer Editor em vez de Personalizar após selecionar Aparência, veja como fazer para editar o design do menu ou adicionar o CSS personalizado no novo Editor de Sites.
  3. No menu lateral esquerdo, clique em CSS adicional.
  4. No campo abaixo, insira o código CSS que você deseja usar.
  5. Selecione Publicar.

Suas alterações agora ficarão visíveis no menu editado em todo o seu site.

Observação: se as alterações não forem exibidas quando você atualizar a página no seu navegador:
  • Se o seu site estiver usando o Managed WordPress, limpe o cache integrado usado pela plataforma.
  • Se seu site não integrar o plano Managed WordPress e você estiver utilizando um plugin de cache de terceiros, limpe o cache do plugin. Para obter ajuda com esse processo, consulte a documentação do plugin em questão.
Em seguida, acesse seu site no modo de navegação anônima no Chrome, Firefox ou Edge.

Saiba mais