Rounded corners in banners

In order to get a banner like this, copy the CSS below and paste it in custom CSS section (or in style.css of your child theme).
Next, go to banner settings and at the very bottom add class “rounded” in a Class field in Advanced section


.rounded .fill.banner-link, .rounded .banner-inner, .rounded .fill {
overflow: hidden!important;
border-radius: 20px!important;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
.rounded, .rounded .img-inner {
    border-radius: 20px;

Author: Wojciech Borowicz

I hope this post will help you to do what you need.
In case you want some assistance click here to get in touch 

check out other blog posts