Inspetor de Elementos do Google Chrome 2022. Tudo o que você precisa saber em 2022
Olá pessoal tudo bem com vocês? Hoje nós vamos aprender como alterar coisas básicas ou complexas no seu CSS(veja mais aqui) do seu site usando o inspetor de elementos do navegador GoogleChrome. Presumindo que você está usando o WordPress faremos uma prévia rápida e simples de como personalizar seu site usando o Google Chrome como facilitador do processo. Neste exemplo utilizaremos o Tema Básico do WordPress Twenty Seventeen e WordPress 4.9!
Vamos imaginar que você queira mudar a cor da footer (rodapé) do seu site editando diretamente no editor de CSS do WP. Confira a imagem abaixo:
Clique com o botão direito do mouse perto de onde vc queira editar e vá em INSPECIONAR ELEMENTO
Repare que o navegador já mostrou o nome da div e sua classe, bem como alguns estilos já aplicados na footer (rodapé) em que queremos alterar
Agora clique ao lado como na imagem e você verá que uma opção de edição será disponibilizada. Vamos supor que você queira adicionar um cor pelo editor. As vezes isso é necessário pois nem todos os temas respondem a personalização via Opções do Tema. Então vamos lá!
sequência de imagens dessa ação
continuação
Repare acima que escolhemos a cor preta representada na forma hexadecimal como #000 e o rodapé já mudou de cor 🙂
Agora nós vamos dar um enter para o navegador aceitar as suas mudanças e vamos copiar todo esse código….veja na imagem abaixo>
Agora vamos inserir esse código no seu site pois esse ação ainda não esta salvo e seu site apesar do navegador mostrar as mudanças elas não são definitivas ainda
Vamos agora em Personalizar
e depois em CSS adicional
Lembra daquele código que copiamos? Vamos colar ele como na imagem abaixo e depois clicar em PUBLICAR
Pronto agora se atualizarmos a página a mudança surtirá o efeito definitivo veja abaixo
Fizemos um exemplo bem simples, mas isso vale para quaisquer mudanças de estilo ao seu site. Se você que aprender mais funções de CSS você vai gostar desse site >>> Maujor
É isso ai pessoal esperamos que tenham gostado. Um forte abraço 🙂