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.
También te puede ayudar:  7 Errores de WordPress y como solucionarlos
  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. 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.

7 respuestas

  1. 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 un comentario

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

33 Compartir
Compartir33
Twittear