Question

我最近下载了最新版本的Wordpress，而我正致力于开发新版Twenty Twelve的儿童主题。

当用户上传标题图片时，其默认样式是在其周围放置1px实心＃d2d2d2边框，为其提供3px边框半径，框阴影并将其对齐到左边。

这听起来很简单我想保留这个，但是中心对齐标题图像并在它下方放置1px实心#ededed line 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;
}

当用户上传标题图片时，我如何达到此效果？

谢谢。

Answer 1

更改style.css的第442行：

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

WP Twenty Twelve Header Image

1 个答案: