Comment ajouter des coins arrondis à une image à l'aide de l'éditeur Elementor

Question

Cela me rend fou. J'ai une image dans une zone de texte sur une simple page Elementor. Il se trouve bien à l'intérieur du "Widget de l'éditeur de texte" et je souhaite y ajouter des coins arrondis.

J'ai créé une classe CSS dans "Paramètres du site/CSS personnalisé", puis j'ai attribué l'image à la classe dans l'éditeur d'images de l'éditeur de texte. .AZ-rounded-image { border-radius: 15px; } Mais rien ne se passe... Quelqu'un peut-il m'aider - j'ai perdu trois heures là-dessus... Merci beaucoup Andy

Answer 1

Vous avez essayé de rendre overflow设置为hidden吗？像下面这样显示吗？默认情况下overflow是visible，因此如果.AZ-rounded-image的内容较大，它将溢出，使border-radius invisible.

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