Search
Close this search box.

How to Create a Rounded Image in Elementor

If you ever noticed, some websites use rounded images on their team page or about page. Beneath the rounded image, you usually see the social icons that link to the social media accounts of each team member.

In Elementor, you can also create a rounded image like the ones on the screenshot above. However, Elementor offers no specific image setting to turn a rectangle/square image into a rounded one. You need a little trick to create a rounded image in Elementor.

When adding an image in Elementor, you can set the values of the border radius. To have a circle-shaped image, you can set the values of the border to a certain number, according to the dimension of your image.

Tips: To get a perfectly circle-shaped image, you can use a square image instead of rectangle.

Let’s get started.

First off, add an image by dragging the Image widget to the canvas area and select an image from your computer.

Once the image is added, go to the Style tab to customize it. As mentioned, to get a circle-shaped image, you can set the values of the border radius. The values are vary depending on the dimension of your image. For example, for an 800×800 image, you can set the values to 260 (all corners: top, right, bottom, left).

In addition to border radius, there are several other settings you can apply to your image. Elementor also allows you to set the brightness, contrast, saturation, and hue of your image. You can find those settings by clicking the CSS Filters option. Just play around with the left panel to figure out what kind of things you can do with your image.

The Bottom Line

Elementor is a page builder that have a native image desig element. With the the feature, you can effortlessly add an image to your design and style it up. You can effortlessly create a rounded image by setting the border radius of the image. A crucial thing to note. To create a perfectly rounded image, you can use a square image. If you have image to use yet, you can download one from sites like Unsplash and Pexels.

This page may contain affiliate links, which help support our project. Read our affiliate disclosure.
Picture of Editorial Staff

Editorial Staff

WordPress page builder tutorials, tips, and resources
Want to turn your WordPress knowledge into revenue? OF COURSE!

2 thoughts on “How to Create a Rounded Image in Elementor”

Leave a Comment

Share This
Haven’t used Elementor Pro yet?
Hey 👋🏻
Do you have a WP blog?
If so, you may need these. All the resources you need to grow your blog.

Your popup content goes here

50%

Where should we send the template?

After entering your email address, you will be added to our newsletter subscribers. You can unsubscribe anytime.

Want to Build Passive Income Like the One on the Screenshot Below?

Click the button on the right side to learn how 👉🏻
5 easy steps to turn your WordPress knowledge into monthly recurring revenue.

Click the above button to close the popup.