如何使用Elementor编辑器为图像添加圆角

Question

这让我发疯。我在一个简单的Elementor页面上的文本框中有一张图片。它很好地放在“文本编辑器小部件”中，我想给它添加圆角。

我在“站点设置/自定义CSS”中创建了一个CSS类，然后在文本编辑器中的图像编辑器中将图像分配给该类。.AZ-rounded-image { border-radius: 15px; } 但是什么也没有发生...有人能帮忙吗 - 我在这上面浪费了三个小时...非常感谢 Andy

Answer 1

你尝试过将overflow设置为hidden吗？像下面这样显示吗？默认情况下overflow是visible，因此如果.AZ-rounded-image的内容较大，它将溢出，使border-radius不可见。

.AZ-rounded-image { 
    border-radius: 15px;
    overflow: hidden;
}