Pregunta sobre Shoreditch de Wordpress:

Cambiar el tamaño de la fuente manteniendo la capacidad de respuesta

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

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *