Blogger Soho 主题页眉图片没有覆盖完整的页眉宽高

Question

我正在使用 Blogger Soho 主题，在标题 + 订阅链接后面放置背景图片时遇到问题。图像（名为 glallow1.jpg）不会覆盖页眉带的整个宽度和高度；它只环绕标题标题词。

我搜索了这个论坛，但无法获得以前的解决方案。 Blogger 产品论坛的帖子被忽略。

博客网址：https://retireby50sg.blogspot.com

标题图片周围的代码片段：

<div class='blog-name'>
                <b:section id='header' name='Header' showaddelement='false'>
                  <b:widget id='Header1' locked='true' title='Retire by 50 in Singapore (Header)' type='Header' visible='true'>
                    <b:widget-settings>
                      <b:widget-setting name='displayUrl'>http://4.bp.blogspot.com/-S3EDENzAc5M/W081co1cPbI/AAAAAAAABjs/gDO0eWSzxmUM8oaKfcdmKanYu1iAB3pZACK4BGAYYCw/s1600/glitters1.jpg</b:widget-setting>
                      <b:widget-setting name='displayHeight'>300</b:widget-setting>
                      <b:widget-setting name='sectionWidth'>705</b:widget-setting>
                      <b:widget-setting name='useImage'>true</b:widget-setting>
                      <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
                      <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
                      <b:widget-setting name='displayWidth'>1140</b:widget-setting>
                    </b:widget-settings>
                    <b:includable id='main' var='this'>
    <div class='header-widget'>
      <b:include cond='data:imagePlacement in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='image'/>
      <b:include cond='data:imagePlacement not in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='title'/>

你能帮忙吗？非常感谢！

Answer 1

.centered-top-container {
    background-image: url(\/\/4.bp.blogspot.com\/-S3EDENzAc5M\/W081co1cPbI\/AAAAAAAABjs\/gDO0eWSzxmUM8oaKfcdmKanYu1iAB3pZACK4BGAYYCw\/w1600\/glitters1.jpg);
}

Answer 2

看起来您的背景图片应该出现在类为 centered-top-container 的项目上。尝试将其添加到您的 CSS：

.centered-top-container {
  background: url("http://4.bp.blogspot.com/-S3EDENzAc5M/W081co1cPbI/AAAAAAAABjs/gDO0eWSzxmUM8oaKfcdmKanYu1iAB3pZACK4BGAYYCw/s1600/glitters1.jpg") center cover;
}