Eliminar el espacio extra en el editor de texto en Elementor

Eliminar el espacio extra en el editor de texto en Elementor

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

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.

Web Hosting

 

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:  Crear cabecera fija con Elementor (sticky header) + VIDEO

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?

5 respuestas

Deja un comentario

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

29 Compartir
Compartir29
Twittear