Rounded corners in banners

This is a simple banner

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

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

CSS

.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;
}