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