我最近下载了最新版本的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;
}