Estilo del tema Las configuraciones son configuraciones globales que le permiten establecer opciones de estilo predeterminadas para varios elementos, como Antecedentes, Encabezados, Botones, Imagenesy Campos de formulario. Esta configuración anula la configuración de estilo del tema y toma su lugar, lo que le permite usar Elementor para establecer estilos para elementos no creados por Elementor. De forma predeterminada, esto aplicará estilos solo a elementos que no sean de Elementor, por ejemplo, campos de pago de WooCommerce, etiquetas del Formulario de contacto 7, títulos de terceros y mucho más. Si lo prefiere, puede forzar que estas configuraciones de Estilo de tema también se apliquen a los elementos construidos por Elementor.

Nota: Los usuarios de Elementor Pro también pueden configurar CSS personalizado global que le permite aplicar reglas CSS personalizadas a todo su sitio.

Para aplicar estilos de tema a elementos de Elementor:

Para poder Estilo del tema configuración para aplicar también a la mayoría de los elementos y widgets de Elementor, deberá deshabilitar los colores y fuentes predeterminados de Elementor.

1. Deshabilite los colores predeterminados y las fuentes predeterminadas yendo a Elementor> Configuración y colocando una marca en las casillas junto a Desactivar colores predeterminados y Deshabilitar fuentes predeterminadas.

Cómo configurar estilos de tema

Haga clic en el menú Hamburguesa en la esquina superior izquierda de cualquier página o panel de widgets de publicación para acceder al Configuración del sitio> Estilo del tema ajustes. Estilo del tema consta de cuatro pestañas: Tipografía, Botones, Imagenesy Campos de formulario.

Tipografía

Color de texto: Elige el color del texto predeterminado

Tipografía: Cambia las opciones de tipografía para el texto predeterminado

Espaciado de párrafos: Establece la cantidad de espacio predeterminado después de un párrafo (margen inferior)

Enlace

Normal | Flotar

Color: Elija el color predeterminado de los enlaces para los estados normal y flotante

Tipografía: Cambia la tipografía predeterminada de los enlaces para los estados normal y flotante

H1-H6

Color: Elija el color predeterminado para cada título (H1, H2, H3, H4, H5 y H6)

Tipografía: Configure las opciones de tipografía predeterminadas para cada título (H1, H2, H3, H4, H5 y H6)

Botones

Tipografía: Cambia la tipografía predeterminada de los botones

Sombra de texto: Establece la sombra de texto predeterminada para los botones

Normal | Flotar

Color de texto: Elija el color predeterminado para el texto del botón

Color de fondo: Elija el color de fondo predeterminado de los botones

Tipo de borde: Establece el tipo de borde predeterminado para los botones (ninguno, sólido, doble, punteado, discontinuo, surco)

Sombra de la caja: Establece las opciones de sombra de cuadro predeterminadas para los botones

Radio de borde: Establece el radio del borde predeterminado para controlar la redondez de las esquinas de los botones

Relleno: Cambia la configuración predeterminada del relleno de botones

Campos de formulario

Etiqueta

Color: Elija el color de texto predeterminado para las etiquetas de campo

Tipografía: Establece las opciones de tipografía predeterminadas para las etiquetas de campo

Campo

Tipografía: Establece las opciones de tipografía predeterminadas para el texto del campo de entrada

Normal | Atención

Color de texto: Elija el color de texto predeterminado para el texto del campo de entrada

Color de fondo: Elija el color de fondo predeterminado para los campos de entrada

Tipo de borde: Establezca el tipo de borde predeterminado para los campos de entrada (ninguno, sólido, doble, punteado, discontinuo, surco)

Radio de borde: Establece el radio del borde predeterminado para controlar la redondez de las esquinas de los campos de entrada

Sombra de la caja: Establece las opciones de sombra de cuadro predeterminadas para los campos de entrada

Duración de la transición (ms) (solo enfoque): Establezca la cantidad de tiempo predeterminada, en milisegundos, para que se lleve a cabo la transición de enfoque.

Relleno: Establece las opciones de relleno predeterminadas para los campos de entrada

Imagenes

Normal | Flotar

Tipo de borde: Establezca el tipo de borde predeterminado para las imágenes (ninguno, sólido, doble, punteado, discontinuo, surco) en los modos Normal y Hover

Radio de borde: Establece el radio del borde predeterminado para controlar la redondez de las esquinas de las imágenes en los modos Normal y Hover

Opacidad: Establece el nivel de opacidad predeterminado de las imágenes en los modos Normal y Flotante

Sombra de la caja: Establezca las opciones predeterminadas de sombra de cuadro para imágenes en los modos Normal y Hover

Filtros CSS: Establece los filtros CSS predeterminados: Desenfoque, Brillo, Contraste y Saturación para imágenes en los modos Normal y Hover

Duración de la transición (ms) (solo desplazamiento): Establezca la cantidad de tiempo predeterminada, en milisegundos, para que se lleve a cabo la transición de desplazamiento.

Deshacer / Rehacer y Borrador / Publicar

Al igual que cualquier otra edición de Elementor que pueda hacer, Estilo del tema woks con el Revisiones y Historia controles, para que pueda deshacer / rehacer cualquier cambio, y siempre puede volver a una versión anterior de su Estilo del tema diseño.

Estilo del tema también funciona con Sequía y Publicar modos, para que pueda probar los cambios y guardarlos en borrador, sin que afecten a su sitio en vivo. Su sitio en vivo solo obtendrá los cambios aplicados cuando haga clic en el estilo del tema Publicar botón.

Elementos HTML afectados

Nota: Algunos elementos no se verán afectados porque Elementor no permite editarlos (por ejemplo, fieldset, input[type=”reset”] y más)

Color de fondo:

Botones:

• botón
• entrada[type=»button»]
• entrada[type=»submit»]
• .elementor-botón
• Espaciado de párrafos:

Enlaces:

Esto sucede cuando el Kit predeterminado esta borrado. Si vas a Plantillas> Plantillas guardadasy luego seleccione para ver Todas plantillas, verá una nueva plantilla en la lista, llamada Kit predeterminado. Los estilos de tema se almacenan en esta plantilla guardada. La plantilla del kit predeterminado, si se elimina, se volverá a crear automáticamente, pero eliminarla eliminará todas las configuraciones almacenadas en los estilos de tema, por lo que solo elimine esta plantilla si su objetivo es restablecer completamente sus estilos de tema.