Separar distancia entre lineas (palabras) Blog móvil

  • Autor Autor Dominicanvictor
  • Fecha de inicio Fecha de inicio
Dominicanvictor

Dominicanvictor

Delta
Social Media
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Resulta que mi plantilla, desde los dispositivos móviles suele verse muy pegada, las letras se juntan unas con otras y quisiera resolver este problema sin tener que cambiar de plantilla.

Screenshot_3.webp

¿Que debo editar en el HTML para corregir este problema?

Espero que puedan responderme, un saludo!
 
Solo tienes que cambiar los estilos de la etiqueta H1, la parte donde esta el "line-height"
Saludos.
 
Te sugiero la respuesta del amigo "XXPHITERX"
 
usa los media queries para eso
 
Última edición:
Es porque lo creadores de ese diseño no pensaron en la versión móvil en texto, puedes arreglarlo fácilmente si pones una imagen en vez del texto de la web, aunque también se puede arreglar, si necesitas ayuda agrégame, te ayudo sin problema. :encouragement:

Skype: live:373de21c0f116b77
 
Pues con un line-height, se solucionaría el problema. :distant: Intenta probar con eso o agrega una imagen como dicen más arriba. :encouragement:
 
El "line-height" ya existe solo tienes que editar el valor para ajustarlo a tu gusto.
 
xxphiterx dijo:
Solo tienes que cambiar los estilos de la etiqueta H1, la parte donde esta el "line-height"
Saludos.
Hacer clic para expandir...

He intentado con diferentes valores en el line-height, pero no cambia nada. También intenté agregando un CSS y tampoco funcionó.
Screenshot_7.webp

Screenshot_9.webp

Lo he solucionado colocando una imagen en vez del título, sin embargo tengo el problema de los espacios con los títulos de las entradas en el móvil. ¿Como puedo solucionarlo [MENTION=42189]xxphiterx[/MENTION] ? En el css agregué para hacer esto ,pero igual no funcionó. Moifiqué el entry-title .
 
Última edición:
lo que debes hacer es lo siguiente:

Insertar CODE, HTML o PHP: 
@media only screen and (max-width: 767px){
#header h1 {
line-height: VALOR ;
}
}

¿Porque de esta manera?

Porque si solo modificas el line-height estarías modificando el espaciado tanto en la versión pc como en las demás resoluciones y el problema solo reside en la versión móvil.

De esta manera como te o pase solo aplicarías a valores inferiores a 767.

Espero que te sirva.

PD: Esto es para tener todo el código ordenado.
 
Busca en el inspector del navegador a que linea pertenece y lo buscas en tu archivo de estilos css.
Revisa si tienes varios archivos css, ese puede ser el problema, estas guardando los cambios en otra parte.
Si usas cache en tu web tambien ese podria ser el error de que no veas los cambios.
 
tavostrog dijo:
lo que debes hacer es lo siguiente:

Insertar CODE, HTML o PHP: 
@media only screen and (max-width: 767px){
#header h1 {
line-height: VALOR ;
}
}

¿Porque de esta manera?

Porque si solo modificas el line-height estarías modificando el espaciado tanto en la versión pc como en las demás resoluciones y el problema solo reside en la versión móvil.

De esta manera como te o pase solo aplicarías a valores inferiores a 767.

Espero que te sirva.

PD: Esto es para tener todo el código ordenado.
Hacer clic para expandir...

Y donde lo colocaré? Que sustituiré por esto?

- - - Actualizado - - -

xxphiterx dijo:
Busca en el inspector del navegador a que linea pertenece y lo buscas en tu archivo de estilos css.
Revisa si tienes varios archivos css, ese puede ser el problema, estas guardando los cambios en otra parte.
Si usas cache en tu web tambien ese podria ser el error de que no veas los cambios.
Hacer clic para expandir...

No entiendo como hacerlo
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba