Avisos
Vaciar todo

Modificar Interlineado en editor de texto WP

10 Respuestas
5 Usuarios
0 Reactions
11.9 K Visitas
Respuestas: 8
Active Member
Topic starter
 

Hola, necesitaría que me dijeran cuál es la manera más simple posible de variar el interlineado de las líneas de un párrafo en wordpress. La tecla enter no lo deja en la distancia que deseo a parte de que no siempre lo deja a la misma distancia.

Muchas gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 14/05/2014 2:09 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

El interlineado (distancia entre líneas de un mismo párrafo) se define con la propiedad css line-height, que estaría configurada en los estilos CSS del tema de WordPress que estás usando.

Sobre la distancia entre párrafos, esta se define por el margen que se aplica a las etiquetas de párrafo p en los estilos CSS.

Por tanto, para cambiar esto habría que aplicar cambios en los estilos CSS del tema, teniendo en cuenta que esto puede afectar a toda la web.

La distancia entre párrafos se define en el archivo wp-content/themes/metro-pro/style.css, dentro del siguiente código:

.entry-content ol,
.entry-content p,
.entry-content ul,
.quote-caption {
	margin-bottom: 26px;
	margin-bottom: 2.6rem;
}

En concreto sería con el código margin-bottom: 2.6rem;

El interlineado se define en el mismo archivo de antes, dentro del siguiente código:

body {
	background-color: #d6541a;
	color: #222;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 1.625;
}

Aquí se ve la propiedad line-height que se puede cambiar.

Si vas a aplicar cambios en estos CSS recuerda hacer antes una copia de seguridad del archivo para poder volver atrás en caso de que se produzcan resultados no deseados.


 
Respondido : 14/05/2014 5:18 pm
Respuestas: 958
Prominent Member
 

exactamente que cifra de codigo tengo que poner para uno sencillo en lugar del doble que hay en el editor?
en line-height ?
gracias por todo

adolfo


 
Respondido : 10/12/2017 4:10 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Adolfo,

Tal como te ha comentado Pablo, la propiedad es line-height (altura de línea) por lo que entonces la línea de código CSS a modificar es:

line-height: 1.625;

Para un doble espacio mi recomendación sería que trabajases con porcentajes:

line-height: 200% !important;

Saludos


 
Respondido : 10/12/2017 7:51 pm
Respuestas: 958
Prominent Member
 

como llego al archivo


 
Respondido : 14/12/2017 9:02 am
Respuestas: 958
Prominent Member
 

he entrado para coger la ruta para modificar:
wp-content/themes/metro-pro/style.css,
pero llego solo a themes y no encuentro pro/style.css
como lo hago?
envio captura de las rutas donde estoy

gracias

adolfo


 
Respondido : 14/12/2017 9:08 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Adolfo.

No lo encuentras por que utilizas otra plantilla distinta, el ejemplo en esta entrada es para la plantilla metro-pro y es para el front de la web.

¿ El problema lo tienes en el administrador de la web o en el front ?
Te lo comento por que si no recuerdo mal ya tenias entradas abiertas con esta consulta y era para la administración de WP.

Un saludo


 
Respondido : 14/12/2017 9:55 am
Respuestas: 958
Prominent Member
 

administrador web de wordpress del pc
gracias

adolfo


 
Respondido : 14/12/2017 10:20 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Adolfo.

wordpress del pc
¿ Lo tienes en local, es decir en tu equipo o es el que tienes en hosting ?

Por favor Adolfo, abre una consulta con tu usuario y lo tratamos en ese nueva entrada, siempre es mejor abrir una nueva que seguir con la de un usuario ya que nosotros no podemos realizar pruebas en tu cuenta si estas con un hilo de otro usuario 😉

Un saludo


 
Respondido : 14/12/2017 10:27 am
Respuestas: 958
Prominent Member
 

Ok


 
Respondido : 14/12/2017 10:33 am