Separar distância entre linhas (palavras) Blog móvel

Dominicanvictor · 15/06/2018

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.

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

Espero que puedan responderme, un saludo!

xxphiterx · 15/06/2018

Solo tienes que cambiar los estilos de la etiqueta H1, la parte donde esta el "line-height"
Saludos.

KARIDV18 · 15/06/2018

Te sugiero la respuesta del amigo "XXPHITERX"

ivan455 · 15/06/2018

usa los media queries para eso

Bonjour · 15/06/2018

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

Karasu · 15/06/2018

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:

xxphiterx · 15/06/2018

El "line-height" ya existe solo tienes que editar el valor para ajustarlo a tu gusto.

Dominicanvictor · 19/06/2018

xxphiterx disse:
Solo tienes que cambiar los estilos de la etiqueta H1, la parte donde esta el "line-height"
Saludos.

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

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 .

Baires23 · 19/06/2018

lo que debes hacer es lo siguiente:

Inserir CODE, HTML ou 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.

xxphiterx · 19/06/2018

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.

Dominicanvictor · 25/06/2018

tavostrog disse:
lo que debes hacer es lo siguiente:

Inserir CODE, HTML ou 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.

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

- - - Actualizado - - -

xxphiterx disse:
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.

No entiendo como hacerlo

Baires23 · 25/06/2018

Dominicanvictor disse:
Y donde lo colocaré? Que sustituiré por esto?

- - - Actualizado - - -

No entiendo como hacerlo

Agregas la linea en el .css

Separar distância entre linhas (palavras) Blog móvel

Dominicanvictor

xxphiterx

KARIDV18

ivan455

Bonjour

Karasu

xxphiterx

Dominicanvictor

Baires23

xxphiterx

Dominicanvictor

Baires23