wordpress：平面主题，更改横幅大小答案

【问题标题】：wordpress: flat theme, change banner sizewordpress：平面主题，更改横幅大小
【发布时间】：2017-09-23 20:05:13
【问题描述】：

我正在建立一个带有新平面主题的博客。我以前没有使用过这些，所以如果我不能很好地解释自己，请原谅。

这个主题，Cordillera，带有一个全屏横幅，上面有分层的文字。外观很棒，但我真的希望能够 a) 自己设置横幅大小或 b) 让它自动将容器高度调整为上传的图像。两者都小于全屏，这会拉起它下面的内容。

在我不确定要调整它之前没有使用过这种类型的主题。您可以查看上面链接的演示或on my blog。我什至不确定要拉出哪一部分代码让您开始。如果你去我的博客，有问题的部分是天使艺术。

非常感谢您的关注！感谢您的任何帮助！

【问题讨论】：

【解决方案1】：

尝试将此 CSS 添加到您的网站：

.top-banner {
    width: 100%!important;
    height: 300px!important;
    background-size: contain!important;
}

转到“外观 > 自定义 > 附加 CSS”

【讨论】：

我将它添加到自定义 CSS 中，您现在可以在博客上看到更改。看起来它所做的是拉伸图像以填充覆盖区域但不缩小区域，如果这有意义的话。
不完全是，我知道我的解释不足。我希望使图像所在的区域缩小到图像的大小，因此不再是全屏。
哦，好吧，我更新了我的 anwser 所以.. 试试新代码。您将看到需要手动修改的 300px 以获得正确的大小。由于它是背景图像，我们无法使其完全适合。