¿Necesita encontrar una manera de crear una imagen redondeada?

Si ya lo ha notado, algunos sitios web usan imágenes redondeadas en la página de su equipo o en la página Acerca de. Debajo de la imagen redondeada, generalmente verá los íconos sociales que se vinculan a las cuentas de redes sociales de cada miembro del equipo.

Descubrir:  Cómo instalar Elementor en WordPress

Dans Elementor, también puede crear una imagen redondeada como las de la captura de pantalla anterior. Sin embargo, Elementor no ofrece ninguna configuración de imagen específica para convertir una imagen rectangular/cuadrada en una imagen redondeada. Necesitas un pequeño truco para crear una imagen redondeada en Elementor.

Cuando agrega una imagen en Elementor, puede establecer los valores del radio del borde. Para tener una imagen en forma de círculo, puede establecer los valores del borde en cualquier número, dependiendo de la dimensión de su imagen.

consejos: Para obtener una imagen perfectamente en forma de círculo, puede utilizar una imagen cuadrada en lugar de un rectángulo.

Vamos a empezar.

Lea también: Cómo agregar un enlace de número de teléfono en Elementor

Primero, agregue una imagen arrastrando el widget Imagen al cuadro de edición de Elementor y seleccione una imagen de su computadora.

cómo-crear-una-imagen-redondeada-en-elemento o

Una vez que se agrega la imagen, vaya a la pestaña Estilo para personalizarlo. Como se mencionó, para obtener la imagen en forma de círculo, puede establecer los valores para el radio del borde. Los valores varían según el tamaño de su imagen. Por ejemplo, para una imagen de 800 × 800, puede establecer los valores en 260 (todas las esquinas: superior, derecha, inferior, izquierda).

crear una imagen redondeada

Además del radio del borde, hay varias otras configuraciones que puede aplicar a su imagen. Elementor también le permite configurar el brillo, el contraste, la saturación y el tinte de su imagen. Puede encontrar estas configuraciones haciendo clic en la opción Filtros CSS. Simplemente juegue con el panel izquierdo para averiguar qué tipo de cosas puede hacer con su imagen.

¡Consigue Elementor Pro ahora!

Conclusión

Listo ! Eso es todo por este artículo. Si tiene alguna pregunta sobre cómo crear una sección de miembros del equipo con Elementor, por favor favísanos en el comentarios.

Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.

Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.

...