WordPress的：中心對齊「瞭解更多」

我已經創建了Wordpress twentysixteen主題的兒童主題。對齊「閱讀更多」文本/按鈕時出現一些問題。在Chrome Developer Tool的幫助下，我發現控制鏈接的類被稱爲「更多鏈接」。在我的孩子的style.css我已經添加以下代碼：WordPress的：中心對齊「瞭解更多」

.more-link { 
display: inline-block; 
white-space: normal; 
border-radius: 3em; 
border: 1px solid #ff7788; 
padding: 1em; 
margin: 0 auto; 
text-align: center; 
clear: both; 
}

我用盡了一切辦法，但沒有任何作品。

但是，當我寫例如：margin-left：30px; 浮動：右側也有效。

見圖片：http://i.stack.imgur.com/9VqiL.png 見圖片2：http://i.stack.imgur.com/caFMy.png

來源

2016-04-03 Anna

嘗試添加下面的CSS代碼到你的孩子主題css：'.more-link {display：block！important; }' –

它不能顯示爲一個塊，因爲我正在使用它的邊框。它必須是內聯或內聯塊。我嘗試使用重要的內聯塊與沒有運氣。 – Anna

請在使用我的css代碼後向我展示它的外觀。 –

嘗試添加下面的CSS代碼到你的子主題的style.css 文件：

.more-link { 
display: block !important; 
width: 35%; 
}

來源

2016-04-03 11:34:27

WordPress的：中心對齊「瞭解更多」

回答

相關問題