add rounded corners in Elementor

How to add rounded corners in Elementor

Do you want to add rounded corner in Elementor? Here in this article, we will show you to create rounded corners using Elementor in your WordPress website.

Rounded corners in any widget in your web pages can make a different and unique look. You can add a rounded corners hover effect in an image or other style. So let’s see how to do it.

Add rounded corners in Elementor

At first, open up a page with Elementor editor and add a section by clicking on the “+” icon.

add rounded corners in Elementor

After that choose the column. In this tutorial, we are adding an image widget so you choose the 1 column.

add rounded corners in Elementor

Now add the image widget in your selected column.

add rounded corners in Elementor

After adding the image move on to the style tab and add the border radius as 120px for all the values.

add rounded corners in Elementor

After adding border radius to the image widget you need to add border-radius to the column. To add border-radius to the column click on the column edit icon. After that move on to the style tab and expand the border menu where you will find the border-radius option. Here this time you need to add border-radius for hover condition. Add border-radius for the column.

This will add rounded corners in your image widgets.

Wrapping up

Following the process, you can easily create rounded corners in your web pages. You can see our other articles to learn How to create before/ after image comparison in Elementor free

How to create a Mailchimp form using Elementor free

How to create a gradient progress bar using Elementor

How to add a Google map with Snazzy map styles using Elementor free

We hope this article will help you. If you like this article please like our Facebook page to stay connected.

Leave a Reply

Your email address will not be published. Required fields are marked *