Mudanças no cabeçalho
-
Gente,como faço pra aumentar as letras,modificar cores,mudar os nomes de posição no cabeçalho? Não tenho conhecimento com códigos,então tenham paciência comigo por favor kkkkkk.
-
É só editar o estilo css do tema.
Provavelmente você perguntará:
Como eu edito o estilo css?
Resposta:
Primeiro, será necessário alguma noção de css… MAS Poste o link do seu site aqui no forum para que alguém possa de dar uma luz de onde tem que alterar.
Qualquer dúvida é só falar!
Att.
O site é esse aki http://empreendedormultinivel.com/
Como pode ver ainda não fiz nenhuma modificação nele,estou tentando ao máximo absorver informação e colocar em prática pra não fazer cagada depois.Dá uma lida:
https://codex.wordpress.org/pt-br:Temas_Filhos
O que EXATAMENTE você quer alterar no tema?
A fonte das letras do cabeçalho,o tamanho,e a cor.
Bem, tem uma ferramenta bem util nessas horas que é o inspetor de elemento do seu navegador..Geralmente o atalho é F12 ou ctrl alt i ou ctrl i.. enfim.. uso chrome e pra mim é f12.. Ai você seleciona o que quer mudar e ele te mostra o css.. caso use chrome veja aqui como usar o inspetor
Pelo que vi do seu site ele está usando pra estrutura o style.css do seu tema.. você pode acessar esse arquivo atraves do wp mesmo em aparencia >> editor, geralmente já cai direto na folha de estilos..
Espero ter ajudado (:
Então,mas como faço as modificações?
Tenho que copiar o código de outro site e colar no meu?Então, você precisa saber o que mudar e como mudar, certo? Ai vai precisar de noções de css.. Exemplo:
O css do título “EMPREENDEDOR MULTINIVEL”:
header#masthead hgroup h1 { color: #666666; font-size: 36px; font-weight: 100; line-height: 1em; }
Onde.. ‘color’ é a cor do texto em hexadecimal.. font-size é o tamanha da letra, font-weight é a largura das linhas da letra, line-height é o espaço entre-linhas..
Você precisa ter como ponto o que você quer que mude, e fazer as alterações.. copiar codigo de um e colar em outro pode não ser uma boa prática se você não compreende bem… O correto seria você dar uma pesquisada em noçoes css antes
Aaahh já me ajudou bastante,vou ver se consigo fazer algumas alterações.Pra não correr risco de fazer besteira posso copiar e deixar salvo em outro lugar né? tipo um backup.Só mais uma dúvida,e a posição das letras,tem como mudar também? colocar mais pra esquerda/direita e etc?
Obg pelas respostas pessoal ^^.Sim… Vou tomar novamente como exemplo o Titulo “Empreendedor Multinivel”:
header#masthead hgroup h1 { color: #666666; font-size: 36px; font-weight: 100; line-height: 1em; margin-right: -20px; /** faz com que o título vá 20px à direita **/ }
Muito obrigado,ainda não tentei fazer as mudanças por falta de tempo.Vou tentar aki ainda hj e em caso de dúvidas eu volto aki.Muito obrigado pessoal ^^
Coloquei um logotipo,mas ficou muito grande.Estou usando um tema filho e quando vou no editor só tem a pasta style.css.Então eu tenho que fazer as alterações no tema pai,ou tenho que passar as pastas do tema pai pro tema filho e fazer as alterações no tema filho?
As Alterações serão feitas no style.css
Bom,cologuei o logo.Só que não sei como alinhar e deixar o logo no centro.Já usei o inspecionar elemento,mas não consigo achar a linha de código do logo no meu header.php no editor.Tenho que ir na folha de estilos? Quando entro na folha de estilo só aparece isso:
/*
Theme Name: NexusFilho
Description: Tema filho do meu site
Author: Douglas
Template: Nexus
*/@import url(“../Nexus/style.css”);
#site-title a {
color: #009900;
}Tenho que fazer as alterações no tema pai, ou devo passar a folha de estilo do tema pai pro tema filho e apagar essa Style.css atual?
http://empreendedormultinivel.com/ segue o link pra vocês verem como ficou.Mexendo aki no inspecionar elemento,já aprendi como localizar o que eu devo mudar(tentei apagar o comentário anterior mas acho que não tem como).Agora minha dúvida é a seguinte,como colocar o logo mais pra direita? existe um comando?
dentro de nexus/style.css tem:
#logo { float: left; padding-top: 70px; margin-bottom: -1px; }
acrescente margin-left:
#logo { float: left; padding-top: 70px; margin-bottom: -1px; margin-left: 53px; }
ai vai ajeitando a quantidade de px que achar melhor..
- O tópico ‘Mudanças no cabeçalho’ está fechado para novas respostas.