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

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

听起来似乎很简单,但我想保留此标题,但将标题图像居中对齐,并在其下方放置32像素的1px实心#eded线(此线应延伸到网站宽度的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;
}

当用户上传标题图片时,如何实现此预期效果?

谢谢。

最佳答案

更改style.css的第442行:

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

09-17 13:00
查看更多