Suporte » Temas » Fonte e cor do menu – Twenty Twelve

  • Resolvido noobzin

    (@noobzin)


    Oi,

    To apenas aprendendo a mexer no WordPress, portanto to criando um site apenas pra entender melhor as técnicas.

    To conseguindo alguns avanços, mas to com alguns problemas menores que não consigo solucionar.

    A página aqui

    1. Como eu mudo essa cor que está em HOME? A cor da fonte do menu foi facilmente mudada, mas essa cor meio cinza que avisa em qual página está eu não achei onde mudar. Por exemplo, se eu clico no link ao lado a HOME deixa de estar cinza e o atual link do menu é que fica nessa cor. Bom, vocês com certeza sabem do que eu to falando. Não é efeito de mouseover, é a cor que avisa em qual página está. Como muda isso pra não destacar a página que está no menu? Ou pelo menos mudar a cor dela.

    2. Como eu faço pra deixar a fonte do menu em letras normais (maiúsculas/minúsculas) ou somente minúsculas? Do jeito que está estão todas em maiúscula e eu quero mudar isso.

    Muito obrigado desde já.

Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • noobzin,

    Utilizando o Firebug vc pode identificar em que lugar a cor está.

    Para adicionar um estilo a um link, você
    deve conhecer as “fases” de um link. No CSS todo link
    tem 4 fases: a:active, a:hover,
    a:link e a:visited.

    a:active é um link ativo na página.
    a:hover é quando o mouse passa por cima de um link.
    a:link é um link na página, tag do html.
    a:visited é quando um link já foi visitado.

    Criador do tópico noobzin

    (@noobzin)

    Obrigado pela boa vontade em responder o tópico, porém você não ajudou em absolutamente nada.

    O link a qual me refiro não é exatamente active (pois os actives estão em branco como pode ver na imagem), nem visited (que eu deixei em branco também) assim como apenas o “a”, sendo que o hover está em preto.

    Eu me refiro ao link que mostra qual a página está. Ele muda conforme a página, justamente para apontar onde está. Não tem problema ele fazer isso, é atébom na verdade, o problema é justamente eu não saber onde encontrar ele pra mudar.

    O firebug pode me dar a cor desse link que é #6d6363 e que não existe na folha de estilos.

    Além disso, não há nenhum indício de como eu posso fazer os links do menu não serem todos com a letra maiúscula.

    Pelo menos tentei ajudar, posta o link do site
    para analise, apesar deste forum ser apenas de WordPress
    e não esilos css.

    Criador do tópico noobzin

    (@noobzin)

    Na maioria dos foruns gringos de wordpress 99% dos tópicos é sobre folha de estilos.

    Eu só não postei em nenhum deles porque eu não sei o nome dessa função então eu não teria nem como formular a pergunta.

    Já postei a imagem, mas aqui vai o link do site de testes então:

    WordPress Testes

    Tá vendo ali o link HOME? Ele tá em cinza escuro enquanto os outros estão em branco.

    Se eu clico no link Diplomatic Games ele vai pra página Diplomatic Games e o link HOME fica branco e o link Diplomatic Games é que fica cinza.

    É esse marcador de páginas que eu preciso mudar a cor e como eu disse já teria ido em algum forum gringo perguntar se eu ao menos soubesse qual é o nome disso.

    Obrigado por tentar ajudar.

    noobzin,

    Tá fácil, seguite nos arquivos do WP vá em:
    http://wptestes.comyr.com/wp-content/themes/twentytwelve/style.css

    Pegue este arquivo style.css e altere a propriedade da
    cor que deseja na linha 1525

    Segue abaixo o trecho para alteração.

    ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

    .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
        color: #636363;
        font-weight: bold;

    }
    ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

    E na Linha 1478 do style.css, pode trocar para maiuscula ou minuscula
    apenas troque a propiedade de uppercase para lowcase.
    http://wptestes.comyr.com/wp-content/themes/twentytwelve/style.css

    :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

    abraço! mamão com açucar!

    Criador do tópico noobzin

    (@noobzin)

    Você é o cara.

    Brigado!

Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • O tópico ‘Fonte e cor do menu – Twenty Twelve’ está fechado para novas respostas.