如何使用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;
}