WP 21 标题图片

Question

我最近下载了最新版本的 Wordpress，并且正在开发一个新的 Twenty Twelve 的子主题。

当用户上传标题图片时，其默认样式是在其周围放置一个 1px 实心 #d2d2d2 边框，为其设置一个 3px 边框半径，一个盒子阴影并将其向左对齐。

听起来很简单，但我想保留它，但将标题图像居中对齐，并在其下方放置一条 1px 实线 #ededed 线 32px（这条线应该延伸到网站宽度的 100%，所以即使标题图像很小，该行将继续将上传的图像传递到包装器的每一侧）。

由于某种原因，我无法针对正确的 HTML 和 CSS 规则来实现这一点。

我尝试了很多方法，从使用 header.php 和 /inc/custom-header.php 文件，修改属性和放置在我的 style.css 文档的最底部：
@ 987654322@
text-align: center; margin: inherit auto; padding-bottom: 32px; border-bottom: 1px solid #ededed;
}

header img:after, header img a:after, header a img:after, .header-image:after {
border-bottom: 4px solid red; padding-bottom: 32px;
}

当用户上传标题图片时，我将如何实现这种预期效果？

谢谢。

Answer 1

更改 style.css 的第 442 行：

.header-image {
    display block;
    margin: 0 auto 2em;
}