How to Add Rounded Corners in Elementor - WpBuilt 1350476822971705723
How to Add Rounded Corners in Elementor

How to Add Rounded Corners in Elementor

  • Kenoma Versoza
  • June 9, 2020


To style the corners of an element go to the style tab of the widget. Let’s try this on the image widget.

As you can see, there is a border radius property on the image widget.



You can set the property to px or to percentage ( % ).





Let’s try the border radius property on a column.

On the column go to style and border to see the border radius property.

Let’s try the hover effect with border radius 



Column with border radius hover effect


Thanks for Reaching This Far! 🙂

I hope we were able to help you with this tutorial! You can also try to install the Elementor Pro Version and get access to more Elementor templates for free!

Get Elementor Pro Now

If you have more concerns or have encountered other issues, let us know in the comments section!

This Post Has 2 Comments

  1. Hiba

    Hi! I am creating columns with images on top and text below.. When I increase the border radius, the image corners don’t get automatically rounded, and their original corners still show!

  2. Shane Cunningham

    Creating a popup, but when I add radius to the corners, I still get a background color where the corners were. I tried turning the background overlay to 0 opacity, but I still see white corners. How do I have a background color with rounded corners, but complete transparency in the corners behind the border edge?

Leave a Reply


Get your FREE Web
Design Brief Template

Get your FREE Web
Design Brief Template