WordPress Shoreditch Pergunta: Altere o tamanho da fonte mantendo a capacidade de resposta

Um usuário perguntou ?

Olá! Eu quero mudar o tamanho da fonte das páginas. Estou usando um tema filho e não consigo manter a capacidade de resposta. Segue o código que estou usando:

@metade da tela e (largura mínima: 768px) corpo, botão, entrada, seleção, área de texto {fontsize: 1.15rem; }

Seu tamanho de tela pequena é bom para mim, eu só quero reduzir o tamanho das telas maiores de 1,25 rem para 1,15 rem.

Se alguém puder dar uma ajuda, seria óptimo!

Obrigado

Virgínia

(@subrataemfluence)

3 anos, 5 meses atrás

Oi, Seu botão CSS é projetado para dispositivos com larguras maiores que 768px, então idealmente você deve usar o tamanho de fonte de 1.15rem para os elementos do corpo liek, button, select e textarea. Mas isso não inclui itens como p, div, span, a, ul, li, ol Srl.

No entanto, há um erro na coleta. Você não executou uma regra CSS. Deveria ser:

@media screen and (min-width: 768px) {
      body, button, input, select, textarea {
      font-size: 1.15rem;
   }
}

Em seguida, tente incluir outras tags HTML:

@media screen and (min-width: 768px) {
      body, button, input, select, textarea, a, p, ul, li, div, span {
      font-size: 1.15rem;
   }
}

Eu acho que você estaria disposto a deixar as fontes de cabeçalho (h1, h2, h3 etc.) para usar uma fonte maior.

Caso o acima não funcione, você pode tentar !importantquer dizer

@media screen and (min-width: 768px) {
     body, button, input, select, textarea {
     font-size: 1.15rem !important;
  }
}

Avise-me se isso ajudar!

Esta resposta foi modificada 3 anos e 5 meses atrás por. lançador de tópicos

(@vjacque)

3 anos, 5 meses atrás

Primeiramente, muito obrigado por dedicar um tempo para me ajudar! Eu tentei o primeiro código que você me deu e funcionou como um encanto. No entanto, também reduziria o tamanho para telas menores. Adicionei as linhas:

@mediascreen e (min-width: 768px) {body, button, input, select, textarea {font-size: 1.15rem; } screen @media y (max-width: 768px) { body, button, input, select, textarea { font-size: 0.9rem; }}

O código 0.9rem não funciona…

Outra pergunta:

Eu estava usando o código sugerido em outro tópico para alterar a cor do menu:

/* Link de navegação em linha realçado */ .main-navigation .primary-menu .current_page_item> a, .main-navigation .primary-menu .current-menu-item> a, .main-navigation .primary-menu .current_page_ancestor > a { cor da borda: #19D7E5; } /* Cor do cursor do cursor de navegação */ /* Cor do indicador do menu de navegação secundária */ .main-navigation a: focus, .main-navigation a: hover, .main-navigation .menu-item-has -children> a: after { cor: #19D7E5; } /* Cor do botão (incluindo menu móvel) */ botão {background-color: #19D7E5; }

Funciona muito bem para telas grandes e médias, mas não funciona para telas pequenas: as cores azul e preto voltam…

Obrigado

(@subrataemfluence)

3 anos, 5 meses atrás

1. Idealmente, o código a seguir não funcionaria porque suas duas consultas de mídia se sobrepõem, ou seja, uma tem uma largura mínima de 768px e a outra tem uma largura máxima de 768px. Vocês

@media screen and (max-width: 768px) {
    body, button, input, select, textarea {
    font-size: 0.9rem;
  }
}

então tente @media screen and (max-width: 767px) { ... }

2. Vou investigar e entrar em contato com você em breve.

Por favor, deixe-me saber se (1) acima funciona.

Obrigado!

Esta resposta foi modificada 3 anos e 5 meses atrás por. lançador de tópicos

(@vjacque)

3 anos, 5 meses atrás

(1) isso funciona! e (2) voltaram com as cores corretas. Acho que cometi um erro com meu {}

De qualquer forma, tudo parece ótimo! Excelente!

Obrigado novamente …

(@subrataemfluence)

3 anos, 5 meses atrás

É ótimo ouvir isso. Se tudo estiver resolvido, você pode fechar o tópico? Obrigado!

lançador de tópicos

(@vjacque)

3 anos, 5 meses atrás

Obrigado novamente

(@academicauthenticity)

2 anos, 11 meses atrás

Subrata Sarkar para chara (@subrataemfluence),

Você poderia me ajudar com o problema de que a navegação não funciona se você acessar meu site com tema shoreditch através de um dispositivo móvel?

Não consigo encontrar nenhum post sobre problemas no menu de navegação no fórum… e não sei como proceder.

Tudo de bom Ana

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *