How to Apply Advanced Border Radius to Elementor Widgets?

Elementor Advanced Border radius option recently added in Premium Addons gives the ability to apply fancy borders by using eight values combined to create an outstanding look for your Elementor elements. That is the future of Border Radius where you can create new and fancy borders to design more eye-catchy Elementor web pages.

In this article, we’ll show – with inspirational examples – how to use Elementor Advanced Border Radius option in Premium Addons and customize the border-radius values to match your needs.

Three Elementor Banner Widgets Rounded by Elementor Advanced Border Radius Option
Elementor Banner Widget Rounded by Advanced Border Radius Option

Requirements:

  • You will need Premium Addons free plugin installed and activated on your website. Please check this article for more information.
  • Premium Addons works only with Elementor Page Builder plugin so you will need to have it installed and activated as well.

Why to Use Advanced Border Radius in Elementor Pages?

How to Generate Advanced Border Radius Values?

  • Navigate to the visual generator to generate advanced border radius values from here.
  • To get border radius values, just drag the handlers to generate the shape you want, then click Copy button.
Generate Border Radius Values to Elementor Widgets Using Handlers
Generate Border Radius Values to Elementor Widgets

How to Apply Advanced Border Radius to Elementor Widgets?

Let’s create an example using Premium Countdown widget for Elementor and apply Advanced Border Radius to it.

Advanced Border Radius Option Rounded Elementor Countdown Widget Digits
Advanced Border Radius Option Round Elementor Countdown Widget
  • Create a page with Elementor Countdown widget as in the below image.
  • Navigate to widget settings > Style tab > Digits > enable Advanced Border Radius option.
Enabling Advanced Border Radius Option in Elementor Countdown Widget Settings
Enable Advanced Border Radius Option for Elementor Widget
  • Navigate to the visual generator to generate advanced border radius values from here.
  • Paste the copied values into Border Radius option.

Now, we’ve got our new fancy border radius applied to the Premium Countdown widget successfully.

Pasting Advanced Border Radius Values to Border Radius Field to Elementor Countdown Widget
Apply Advanced Border Radius values for Elementor Widget

Applying Advanced Border Radius on Elementor Image Scroll Widget

Generating and Copying Advanced Border Raduis Values, Swtich to Elmenetor Page and Paste Values to Elementor Image Scroll Widget
Applying Advanced Border Radius for Elementor Widgets

Which Elementor Widgets Contain Advanced Border Radius Option?

Here’s a list of the free/pro widgets in Premium Addons which you can find Advanced Border Radius option in:

If you still need any further assistance, feel free to contact Premium Addons support team from here. The team would be more than glad to help 😁


Join the Community

You’re most welcome to join our Facebook group and YoutTube channel to get updates about new features, improvements, and bug fixes.

Related Docs:

Download Now it's free!

Extend your Elementor Page Builder capabilities now with Premium Addons. 20+ Elementor Widgets Totally Free of charge.

×