Eliminar el espacio extra en el editor de texto en Elementor

Eliminar el espacio extra en el editor de texto en Elementor

Elementor Pro
Web Hosting
Su utilizas Elementor free o Pro para tus diseños veras que su widget de editor de texto aparece un espacio debajo un poco molesto y que desde la version 2.5 ha venido sucediendo sin solución aparente. Aunque…. no es un error o bug del Elementor como tal sino que por “norma” deberia haber espacio debajo de cada elemento de párrafo. De lo contrario, los párrafos no se verían en absoluto como párrafos, ¿logico no? 🙂 Y aunque sin mucha importancia, esto es realmente moy molesto. ya que en mi experiencia me ha hecho “dañar” algunos diseños y me ha tocado ocupar el widget de titulo u otro “solucion”. Afortunadamente, hay soluciones rápidas y fáciles para este “problema”.

Eliminar el espacio extra en el editor de texto en Elementor

Eliminar el espacio extra en el editor de texto en Elementor 1

Mini curso GRATIS

5 consejos
para acelerar
tu WordPress

Reduce su tiempo de carga incluso en un 50-80% con solo seguir simples consejos.

Eliminar el espacio extra en el editor de texto en Elementor

Opción 1: margen negativo

Una de las cosas buenas de Elementor es que permite el ajuste de Margen y Relleno. Vaya a los elementos bajo el editor de texto y ajuste los márgenes según corresponda. (yo lo he aplicado así en varios proyectos). Puedes encontrar las opciones de márgenes en la pestaña Avanzado en Elementor. Eliminar el espacio extra en el editor de texto en Elementor Pero, si tienes varios widgets de texto ya en uso, podría ser un proceso fastidioso hacerlo en cada uno. Eso nos lleva a la Opción 2.   Opción 2: clase CSS simple Simplemente copia y pega el siguiente código CSS en tu tema.
.elementor-text-editor p:last-child{ margin-bottom:0px;}
Algunos temas permiten agregar CSS adicional a través del panel Personalizador. Y puedes pegar el código allí. Sin embargo, si no existe tal opción, debe agregarla a tus archivos de tema.
También te puede ayudar:  (Arreglar) Elementor no carga o Widget no funcionan
Primero, ve a la pestaña Apariencia de su panel y haz clic en Editor de temas. A continuación, selecciona el tema actual que está utilizando y busca ” style.css “. Por último, ve a la última línea de los códigos y pega el código CSS en una nueva línea. y zas…. caso cerrado !

Conclusión

Gracias por leer o ver este articulo, tutorial, truco o como quieras llamarlo jeje. Si tienes alguna otra solución por favor compártela en los comentarios. y si este tuto te ha ayudado también compártelo en tus redes sociales y así ayudamos a otros, aceptas?

Si te gustó este artículo, suscríbete a mi canal de YouTube para ver videos tutoriales de WordPress.

Mini curso GRATIS

5 consejos
para acelerar
tu WordPress

Reduce su tiempo de carga incluso en un 50-80% con solo seguir simples consejos.

¿Quieres recibir mis articulos?

No te pierdas todos mis trucos y tutoriales para WordPress, Velocidad de carga, y Elementor Page Builder.

11 respuestas

  1. Hola Joel, ya tengo esto aplicado a mi plantilla de Generatepress. Pero ahora mi pregunta es que me sigue pasando si en el editor de texto añado una lista enumerada. Es decir, si solo escribo en el editor, se aplica correctamente esto que explicas, pero si a continuación quiero, por ejemplo, añadir una lista numerada, o una lista por puntos, cuando la termino y paso al siguiente título, me deja también ese molesto espacio. ¿Cómo sería el código a poner para que también respete esa condición de quitar el margen al final de una lista numerada en el editor de texto?

    Gracias de antemano

  2. Hola Joel,
    Muchas gracias por tu página.
    Me gustaría hacerte una pregunta por si puedes ayudarme.
    Tengo ASTRA + ELEMENTOR en la configuración de mi blog y me encuentro con algo que para mi es desconcertante. Mientras que algunas páginas y entradas tienen un pequeño borde alrededor como si hubiera entrada algún parámetro, otras aparecen rellenando el ancho y el alto completo de la pantalla. No encuentro diferencias entre ambas y eso hace que al navegar por la web se vea diferente. Tanto es así que si guardo aquella que tiene el borde y la aplico directamente como plantilla pierde los bordes.
    Por otra parte, no sé por qué en algunas plantillas algunos parámetros están bloqueados y no pueden utilizarse.
    Gracias

    1. Hola Trini, disculpa la demora en responder, no entendi bien tu pregunta, de igual manera fijate en los parametros de ancho y margenes en tu theme Astra, para descartar que tengas uno diferente para las paginas y otro para el blog.

  3. Hola soy nueva en esto, estoy aprendiendo a través de e cursos online, tutoriales como los tuyos o investigando y metiendo la pata cual niño por ensayo y error…puede ser que ese espacio que dices se pueda modificar yendo a la parte de ajustes de elementor, en la solapa estilo, en el tercer item “Espacio entre widgets”, por defecto viene 20 px, lo modificas a 0 px…¿puede ser así también? …o ¿no?

    1. Hola Lorena, gracias por pasarte por el blog, NO, esa opcion que tu indicas es para separa cada widget independiente del otro, este espacio es justamente con el widget de texto, una especie de bug o algo asi, Ciertamente ajustar el espacio entre widget como comentas pudiera ser una opcion, pero a nivel visual no es lo mejor. Si tienes alguna duda como incluir el codigo me comentas, y si te gustan los tutos, te invito a pasar por mi canal de youtube https://www.youtube.com/joelaraujo11?sub_confirmation=1

Deja una respuesta

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