Un usuario preguntó 👇
¡Hola! Quiero cambiar el tamaño de fuente de las páginas. Estoy usando un tema infantil y no puedo mantener la capacidad de respuesta. Aquí está el código que estoy usando:
@media pantalla y (ancho mínimo: 768px) cuerpo, botón, entrada, selección, área de texto {tamaño de fuente: 1.15rem; }
El tamaño de su pantalla pequeña está bien para mí, solo quiero reducir el tamaño de las pantallas más grandes de 1,25 rem a 1,15 rem.
¡Si alguien puede ayudar sería genial!
Gracias
Virginie
(@subrataemfluence)
Hace 3 años, 5 meses
Hola, Su botón CSS está diseñado para dispositivos con anchos superiores a 768px, por lo que idealmente debería usar el tamaño de fuente 1.15rem para los elementos del cuerpo liek, button, select y textarea. Pero esto no incluye elementos como p, div, span, a, ul, li, ol srl.
Sin embargo, hay un error en la colección. No ejecutó una regla CSS. Debería ser:
@media screen and (min-width: 768px) {
body, button, input, select, textarea {
font-size: 1.15rem;
}
}Luego intente incluir otras etiquetas HTML:
@media screen and (min-width: 768px) {
body, button, input, select, textarea, a, p, ul, li, div, span {
font-size: 1.15rem;
}
}Supongo que estaría dispuesto a dejar que las fuentes de encabezado (h1, h2, h3 etc.) para utilizar una fuente más grande.
En caso de que lo anterior no funcione, puedes probarlo !important, es decir
@media screen and (min-width: 768px) {
body, button, input, select, textarea {
font-size: 1.15rem !important;
}
}¡Déjeme saber si esto ayuda!
Esta respuesta fue modificada hace 3 años, 5 meses por. Lanzador de hilos
(@vjacque)
Hace 3 años, 5 meses
Primero que nada, ¡muchas gracias por tomarse el tiempo para ayudarme! Probé el primer código que me diste y funcionó a la perfección. Sin embargo, también reduciría el tamaño para pantallas más pequeñas. Agregué las líneas:
@media pantalla y (min-width: 768px) {body, button, input, select, textarea {font-size: 1.15rem; } pantalla @media y (ancho máximo: 768px) {cuerpo, botón, entrada, seleccionar, área de texto {tamaño de fuente: 0.9rem; }}
El código 0,9rem no funciona …
Otra pregunta:
Estaba usando el código sugerido en otro tema para cambiar el color del menú:
/ * Enlace de navegación en línea resaltado * / .main-navigation .primary-menu .current_page_item> a, .main-navigation .primary-menu .current-menu-item> a, .main-navigation .primary-menu .current_page_ancestor> a {color del borde: # 19D7E5; } / * Color de desplazamiento del cursor de navegación * / / * Color del indicador del menú de navegación secundario * / .main-navigation a: focus, .main-navigation a: hover, .main-navigation .menu-item-has-children> a: after { color: # 19D7E5; } / * Botón de color (incluido el menú móvil) * / button {background-color: # 19D7E5; }
Funciona muy bien para pantallas grandes y medianas, pero no funciona para pantallas pequeñas: los colores azul y negro vuelven …
Gracias
(@subrataemfluence)
Hace 3 años, 5 meses
1. Idealmente, el siguiente código no funcionaría porque sus dos consultas de medios se superponen, es decir, una tiene un ancho mínimo de 768px y la otra un ancho máximo de 768px. Tú
@media screen and (max-width: 768px) {
body, button, input, select, textarea {
font-size: 0.9rem;
}
}así que pruébalo @media screen and (max-width: 767px) { ... }
2. Lo investigaré y me pondré en contacto contigo pronto.
Por favor avíseme si (1) arriba funciona.
¡Gracias!
Esta respuesta fue modificada hace 3 años, 5 meses por. Lanzador de hilos
(@vjacque)
Hace 3 años, 5 meses
(1) ¡eso funciona! y (2) regresaron con los colores correctos. Creo que cometí un error con mi {}
De cualquier manera, ¡todo luce genial! ¡Genial!
Gracias de nuevo …
(@subrataemfluence)
Hace 3 años, 5 meses
Es genial escucharlo. Si todo se resuelve, ¿puedes cerrar el hilo? ¡Gracias!
Lanzador de hilos
(@vjacque)
Hace 3 años, 5 meses
Gracias de nuevo
(@academicauthenticity)
Hace 2 años, 11 meses
Subrata Sarkar a chara (@subrataemfluence),
¿Podría ayudarme con el problema de que la navegación no funciona si accede a mi sitio web temático de shoreditch a través de un dispositivo móvil?
No puedo encontrar ninguna publicación sobre problemas del menú de navegación en el foro … y no sé cómo proceder.
Todo lo mejor, Anna
¿Solucionó tu problema??
0 / 0