Suporte » Plugins » Alterar/AUMENTAR a fonte do tema e dos posts no CSS

  • Olá, boa noite. Tenho o tema Olsen e gostaria de saber como faço para aumentar o tamanho da fonte tanto do tema quanto do texto que eu escrevo (posts) SEM PRECISAR instalar plugin. Já fiz isso só que percebi que com ele eu consigo mudar de um post só.. não quero ficar fazendo isso para cada post que eu escrever.
    Tentei localizar o font-size no CSS mas não achei.
    Obrigada!
    Ana.

Visualizando 13 respostas - 1 até 13 (de um total de 13)
  • Moderador Leo Baiano

    (@leobaiano)

    Vou tentar ajudar mas sua dúvida não é relacionada a WordPress. Procure ajuda, sobre isso, em grupos sobre front end.

    Você vai precisar alterar o tamanho da fonte no CSS mesmo, mas precisa alterar o font-size de cada elemento. Por exemplo, se o titulo do post está assim <h1 class="titulo"> e a o conteúdo está assim:

    <div class="content">
    <p>texto texto texto</p>
    <p>texto texto texto</p>
    </div>

    Então no CSS você precisaria de algo assim:

    .titulo { font-size: 2rem; }
    .content p { font-size: 1rem; }

    Outra possibilidade seria definir um tamanho só para todas as fontes do site mudando o no body e colocando !important, seria uma grande gambiarra, deixaria todas as fontes com o mesmo tamanho e não aconselho seguir por este caminho. O ideal é sair mudando individualmente como falei acima.

    Mudar o tamanho de todas as fontes do site é apenas via CSS mesmo, e, elemento por elemento, o que da pra fazer é instalar algum plugin como o WP Add Custom CSS e modificar usando o CSS !important, já que ao alterar arquivos do tema as alterações serão perdidas em alguma futura atualização.

    Obrigada pela ajuda, Leo. Vou fazer o que você disse primeiro. A gambiarra não.. Rssss.. Onde eu acho esse local front end ajuda que você mencionou?

    Moderador Leo Baiano

    (@leobaiano)

    Toda vez que alguém usa !important morre um golfinho! 😀

    O ideal mesmo seria criar um tema filho e customizar o CSS, se for seguir por este caminho, Anapesp, da uma lida no codex onde fala sobre como criar temas filhos para WordPress.

    É, tema filho nesse caso seria o ideal mesmo.

    Gente, eu não farei isso.. é gambiarra e eu não tenho o conhecimento necessário para resolver alguma coisa, caso eu faça algo errado e dê um problema maior. Pensei que fosse mais fácil mudar o tamanho da fonte no arquivo CSS..
    Acho que vou mudar ao escrever em cada post e os que já foram publicados ficarão com estão.
    De todo jeito, obrigada pela atenção de vocês!

    Moderador Leo Baiano

    (@leobaiano)

    Na verdade é bem simples sim, o problema é que é algo bem incomum querer aumentar o tamanho de TODAS as fontes do site, não é difícil, só um pouco trabalhoso porque você precisa mudar o font-size de todos os elementos obviamente.

    Criar um tema filho também não é difícil e não é gambiarra é a forma mais correta de alterar um tema que não foi desenvolvido por você. Se o tema foi desenvolvido por você não precisa criar tema filho, altera nele mesmo e muda a versão.

    Olá, boa tarde, Leo…. desculpa.. eu quis dizer que mudar tudo com o tal !important é que seria “gambiarra”.. foi o que eu tinha lido na sua resposta de 2 dias atrás, esta aqui: “Outra possibilidade seria definir um tamanho só para todas as fontes do site mudando o no body e colocando !important, seria uma grande gambiarra, deixaria todas as fontes com o mesmo tamanho e não aconselho seguir por este caminho. O ideal é sair mudando individualmente como falei acima.”

    Pra falar a verdade, eu só veiculei a possibilidade de aumentar tudo porque algumas seguidoras pediram.. disseram que estava pequeno em comparação ao meu outro tema antes desse…
    Eu até já consegui aumentar um pouco a fontes H1, H2, etc… mas não achei onde está a fonte dos posts, do tal post-content… aí não mexi mais com medo de fazer besteira.. É o mesmo receio que sinto de criar um tema filho.. como sou leiga, tenho medo de fazer algo errado e aí tirar o blog do ar por erro… como já fiz uma vez, logo no início…

    Eu agradeço pela ajuda e paciência!

    Moderador Leo Baiano

    (@leobaiano)

    Mexendo no arquivo .css acho difícil tirar o site do ar, talvez você consiga desformatar ele, tá ai a importância de fazer bkp, mas tirar do ar acho improvável.

    Anapesp, te ajudar mais do que já ajudamos só pegando a senha e fazendo por você, está na hora de você criar coragem e meter a mão na massa. Faz bkp de tudo, tenta alterar aos poucos e boa sorte. Qualquer coisa volta aqui que ajudamos.

    rssss. verdade.. vocês me ajudaram muito!! Vou tentar perder esse medo..rss.. tirar do ar foi força de expressão.. da vez que mexi no .css fiz algo errado e aí ao tentar acessar, aparecia uma página em branco com mensagem de erro… foi isso..
    Seguirei seu conselho.. se precisar (tomara que não! rss..) eu volto aqui!
    Obrigada mais uma vez..

    Moderador Leo Baiano

    (@leobaiano)

    Vai nessa e caso precise volta aqui.

    Oi pessoal, eu vi esse post e minha duvida é parecida, pelo tema é zerif light e gostaria de mudar a fonte do site, todo o padrao de fonte, como faço? Eu tenho uma nocao do CSS e já fiz algumas mudancas (cores de seçoes, botoes, etc…) mas a fonte do meu logo é Nexa light e queria mudar o site todo, já ate achei o codigo, só nao sei o que tenho que alterar no CSS para garantir que o site todo mude.

    Outra duvida… vi que Leo falou sobre o !important, o que isso significa?

    O codigo do meu site está assim:
    body {
    font-family: ‘Lato’, Helvetica, sans-serif !important;
    font-size: 14px;
    color: #808080;
    font-weight: normal;
    overflow-x: hidden;
    line-height: 25px;
    text-align: center;

    Espero que possam me ajudar! 🙂

    vc pode implementar um script através do jquery

    $(“elemento”).css(“propriedade”, “valor”);

    todos os elementos do seu site que vc selecionou ira mudar e aplicar as novas propriedades que vc passou como parâmetro no método

Visualizando 13 respostas - 1 até 13 (de um total de 13)
  • O tópico ‘Alterar/AUMENTAR a fonte do tema e dos posts no CSS’ está fechado para novas respostas.