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的：中心对齐“了解更多”

回答

相关问题