html - WP 二十十二标题图片

Question

我最近下载了最新版本的 Wordpress，我正在开发新的 Twenty Twelve 的 child 主题。 .

当用户上传标题图片时，它的默认样式是在其周围放置一个 1px 实心#d2d2d2 边框，给它一个 3px 的 border-radius，一个 box-shadow 并将其左对齐。

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

出于某种原因，我无法针对正确的 HTML 和 CSS 规则来实现此目的。

我已经尝试了很多东西，从使用 header.php 和/inc/custom-header.php 文件，修改属性并放置在我的 style.css 文件的最底部:
header img，header img a，header a img，.header-image {
文本对齐:居中； margin :继承自动；填充底部:32px； border-bottom: 1px solid #ededed;
}

header img:after, header img a:after, header a img:after, .header-image:after {
border-bottom: 4px 纯红色;填充底部:32px;
}

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

谢谢。

Answer 1

更改 style.css 的第 442 行:

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