我是wordpress的初學者，在創建自定義CSS代碼來編輯卡片上的按鈕時遇到了問題。我想對齊& quot閱讀更多& quot按鈕，并為其添加邊框，但在elementor中，我沒有得到它。我試著只為按鈕所在的屬性編輯自定義代碼，但是，它改變了整個卡片，并使文本和描述居中。

目前我的結果如下圖所示。

當前

我想讓它這樣:

我需要這樣

我試圖創建一個自定義代碼，但我是一個CSS初學者，它改變了所有的標題，描述和按鈕，下面是我的代碼:

a.elementor-post__read-more {
    width: 100%;
    color: #000;
    text-align: center;
    background-color: #ffd9d9;
    border-radius: 6px;
    margin-top: auto;
}

在查找元素時，a是不必要的，您應該只使用類。elementor-post__read-more。

.elementor-post__read-more { 
 width: 100%; 
 color: #000; 
 text-align: center;
 background-color: #ffd9d9; 
 border-radius: 6px; 
 margin-top: auto; 
}

如果它仍然適用于所有的標題、描述和按鈕元素，則在頁面中作為一個類搜索elementor-post__read-more的所有實例，看看是否會影響其他元素

可以試試這個CSS！！

。elementor-post__read-more {

display: flex;
justify-content: center;
align-items: center;
text-align: center;
width: 100%;
margin-top: 15px;
padding: 10px 20px;
border: 1px solid #000;
border-radius: 6px;
color: #000;
background-color: #ffd9d9;
text-decoration: none;
transition: all 0.3s ease;

}

。elementor-post _ _ read-more:hover {

background-color: #ffcaca;

}