0

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

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

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

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

我已经尝试了很多东西，从使用 header.php 和 /inc/custom-header.php 文件，修改属性和放置在我的 style.css 文档的最底部：
header img, header img a, header a img, .header-image {
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;
}

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

谢谢你。

4

1 回答 1

2

更改 style.css 的第 442 行：

.header-image {
    display block;
    margin: 0 auto 2em;
}
于 2012-10-21T23:25:41.573 回答