Avisos
Vaciar todo

[Resuelto] Configurar modo responsive (vista "móvil") en Gutenberg

4 Respuestas
2 Usuarios
0 Reactions
14 Visitas
Respuestas: 91
Trusted Member
Topic starter
 

Buenos días.

He creado una página con Gutenberg. Concretamente, he insertado un bloque de "Fondo" y he añadido texto, una imagen y un botón.

En vista "desktop", se ve perfectamente, pero cuando abro la página en un teléfono móvil, se ve el texto muy grande y el interlineado no es correcto:

Arreglar interlineado

¿Cómo puedo modificar, tanto el interlineado como el tamaño del texto en Gutenberg, para la vista de móvil?

Gracias.

Saludos.

Rogelio.

Contenido solo visible a usuarios registrados


 
Respondido : 21/06/2022 6:38 am
Tags del tema
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Rogelio.

Prueba con esto:

@media only screen and (max-width:780px) {
p.has-text-align-center.has-large-font-size {
font-size:25px!important;
line-height: 1.6;
}
}

 

Con la propiedad font-size le indicamos el tamaño del texto y con la propiedad line-height le indicamos el espacio entre las lineas, puedes modificar los valores para adaptarlo a lo que necesites.

 

 Un saludo


 
Respondido : 21/06/2022 9:32 am
Respuestas: 91
Trusted Member
Topic starter
 

@pepesoler

Hola, Pepe.

Me ha funcionado perfectamente.

Muchas gracias.

Saludos.

Rogelio.


 
Respondido : 21/06/2022 10:42 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Rogelio.

Genial !!! me alegra que lo solucionaras.

Cualquier consulta que tengas no dudes en comunicarlo.

 

Un saludo


 
Respondido : 21/06/2022 11:00 am