So fügen Sie einem Bild mit dem Elementor-Editor abgerundete Ecken hinzu

Question

Das macht mich verrückt. Ich habe ein Bild in einem Textfeld auf einer einfachen Elementor-Seite. Es passt gut in das „Texteditor-Widget“ und ich möchte abgerundete Ecken hinzufügen.

Ich habe unter „Site-Einstellungen/Benutzerdefiniertes CSS“ eine CSS-Klasse erstellt und dann im Bildeditor im Texteditor das Bild der Klasse zugewiesen. .AZ-rounded-image { border-radius: 15px } Aber nichts passiert ... Kann mir jemand helfen - ich habe drei Stunden damit verschwendet ... Vielen Dank, Andy

Answer 1

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

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