La interfaz de Elementor es muy sencilla pero muy práctica. Conocer la jerarquía de elementos es muy importante para trabajar de manera eficiente. Para información detallada sobre la interfaz de Elementor mira el siguiente video.
La interfaz de Elementor
El Editor de Elementor consiste en una columna lateral que está dividida en 3 secciones de edición: Contenido/Disposición, Estilo y Avanzado.
Contenido/Disposición
Este apartado alterna entre Contenido y Disposición en función del tipo de elemento que estamos editando. Si editamos una Columna o una Sección, se llamará Disposición mientras que si editamos un Widget, cambiará a Contenido. La jerarquía es la siguiente: Sección>Columnas>Widgets
Disposición
Los ajustes de disposición te permiten cambiar aspectos generales de las secciones y las columnas, tales como: alineación de los elementos, espaciado entre widgets, espaciado entre columnas, anchura de las columnas, etc.
Estilo
El apartado de Estilo de Elementor controla todo lo que tenga que ver con el diseño del elemento que está siendo editado: tipografía, colores, bordes, sombreados, y todos los demás estilos visuales. Esta pestaña es la misma para todos los elementos: widgets, columnas y secciones, pero los ajustes que encontraremos cambiarán en función del elemento que estemos editando.
Avanzado
En la sección Avanzado de Elementor, es dónde controlamos los espaciados: relleno (padding) y los márgenes de nuestros elementos. Además, desde este apartado también podemos crear animaciones, seleccionar en qué dispositivos queremos mostrar un elemento y algunas opciones de estilo adicionales.
