Elementor

Cómo añadir iconos en Elementor

Cómo añadir iconos en Elementor

Tabla de contenidos

¿Qué es el Widget de Icono en Elementor?

El Widget de Icono en Elementor es útil para mostrar iconos de Font Awesome o subir iconos en SVG.

¿Cómo usar el Widget de Icono en Elementor?

Paso 1. Añade el Widget al lienzo

Icono Widget
Icono Widget

Haz clic en el Widget de Icono, luego arrástralo y suéltalo dentro del lienzo.

Paso 2. Elige o sube un Icono

Icono
Icono

En la pestaña Contenido > Icono > puedes elegir un icono de la Biblioteca de Iconos de Font Awesome o subir un icono propio en formato SVG.

Paso 3. Elige el Estilo del icono

Ver
Ver

En Ver, puedes elegir entre: Por defecto, Apilados o Encuadrado.

  • Por defecto: Deja el icono sin ningún tipo de fondo.
  • Apilados: Añade un fondo al icono.
  • Encuadrado: Añade un borde al icono.

Paso 4. Elige la forma del icono

Forma
Forma

Si en Ver eliges las opciones Apilados o Encuadrado, puedes elegir la Forma: Círculo o Cuadrado.

  • Círculo: Redondea el fondo del icono.
  • Cuadrado: Los márgenes del icono no sufren cambios.

Paso 5. Enlaza el icono

Enlace
Enlace

Usa el campo de Enlace para escribir una URL y enlazar el icono a una página de tu web.

Paso 6. Edita el Estilo del Icono

Estilo del icono
Estilo del icono

En la pestaña Estilo > Icono > puedes editar diferentes opciones que cambian dependiendo del tipo de Estilo y Forma que has elegido previamente en la pestaña Contenido.

Escrito por:

Richi Pérez

Richi Pérez

22/05/2024

Tutoriales de WordPress y diseño

Sigue aprendiendo

Tutoriales de WordPress y Elementor para conocer todos los recursos disponibles

¿Cuál es el color del signo de Aries? Signo: Aries Color: Rojo Planeta: Marte Gema/metal: Rubí Razón: Marte...

¿Qué es el widget de Ancla de menú en Elementor? El Widget de Ancla de menú en Elementor te...

¿Qué es el widget de HTML en Elementor? El Widget de HTML en Elementor te permite incrustar código...