bordes degradados con elementor

Cómo crear bordes degradados en Elementor

¡Ahora, comencemos!

Este es un micro tutorial que puedes hacer en menos de 5 minutos, para crear bordes degradados con Elementor

Paso 1: Primero, crea una sección.

Cómo crear botones de solo icono5

Paso 2: Luego, agrega la columna deseada. 

Overlap_Images_in_Elementor4

Paso 3: Agrega algún widget a la columna.

en este paso es donde agregas el contenido de tu sección, títulos, imagenes, video.. lo que sea.

Cómo crear bordes degradados en Elementor6

Paso 4: establece la altura del espaciador a su límite máximo.

Elementor Pro
Web Hosting
Cómo crear bordes degradados en Elementor1

Paso 5: Ahora, en la seccion de avanzado (tienes la version pro ) o en tu codigo css general, copia el codigo que esta debajo para crear tu borde degradado con Elementor

Cómo crear bordes degradados en Elementor 1

Paso 6: Copia y pega el fragmento CSS a continuación:

selector { border-left: 1px solid #a70ccc; border-right: 1px solid #ff1685; box-sizing: border-box; background-position: 0 0, 0 100%; background-repeat: no-repeat; background-size: 100% 1px; background-image: linear-gradient(to right, #a70ccc 0%, #ff1685 100%), linear-gradient(to right, #a70ccc 0%, #ff1685 100%); }

Nota: Es importante que puedas editar los codigos de los colores, para que asi todo combine con tu sitio web o el de tu cliente.

¡Ahora hemos terminado!

Cómo crear bordes degradados en Elementor5

¡Gracias por llegar hasta aquí! 🙂

¡Espero que hay podido ayudarte con este tutorial! ¡También puedes intentar instalar Elementor Pro Version y obtener acceso a más plantillas de Elementor de forma gratuita!

No te olvides de compartir este tutorial en tus redes sociales.

Si tienes dudas… te leo en los comentarios.

También te puede ayudar:  Colores personalizados en Generatepress - Truco Flash

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.

Deja una respuesta

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