如何在 Elementor 中为号召性用语元素添加边框半径

Question

今天我在 elementor 中添加了一个号召性用语元素，并将图像设置为背景，并将边框半径更改为 5（在高级>边框>半径下），边框在编辑器和预览中显示为圆形，但是当我查看我的设备 (iPhone) 中的页面 号召性用语中的图像不像在编辑器或预览中显示的那样是四舍五入的。我试着玩弄它，我发现如果你有颜色作为号召性用语的背景，边框将适用，但如果你有图像作为背景，则不会适用。我之前在使用幻灯片小部件时遇到过同样的问题，但是我能够通过使用一些 CSS 来解决这个问题 selector .swiper-slide-bg, selector .elementor-background-overlay { border-radius: 20px!important; } ，我在这篇文章中找到的：https://mcstarters.com/blog/add-border-radius-to-the-elementor-slider-element/。然后我尝试创建自己的代码：

selector .elementor-cta-background-overlay { 
    border-radius: 20px!important;
}

但这并没有解决问题。这不是插件或主题冲突，我创建了全新的网站，只安装了 Elmntor 和 pro，但结果仍然相同。如果有人能够解决这个问题，我将不胜感激，因为我在网上花了几个小时试图找到一些 CSS 来解决这个问题，但没有运气。甚至绝望地联系了 Elmntor 支持，但即使他们也无法弄清楚。任何 CSS 代码将不胜感激。

[这些是一些帮助的图像] [Elmntor 预览是什么样子]：https://i.stack.imgur.com/D7DiF.jpg [我的设备上的样子]：https://www.icloud.com/photos/#0e6G2hxKFShWs5dENCe5VGfpg

Answer 1

这对我有用：

.elementor-cta .elementor-cta__bg-wrapper { 
border-radius: 12px!important;
}