php - 如何在不破坏 CSS 标题的情况下在 Webfolio WordPress 主题中使用背景图片?

标签 php html css wordpress wordpress-theming

我正在尝试使用 WordPress 和 Webfolio Theme by Site5.com 为一个小国的警察部门构建一个网站的草稿版本。 .

我遇到了一个问题,如果我使用主题的自定义选项/WordPress 选项选择使用图像作为主题背景,则不会显示在标题两侧顶部重复的黑色标题.

现在当我添加背景图片时它看起来像这样

enter image description here

我尝试阅读 Site5 文档,但其中没有有用的信息。他们的支持论坛似乎也很不活跃,这就是我决定在这里提问的原因。

我查看了 CSS 文件并发现了以下内容:

 * { margin: 0; padding: 0; }
  body,html {
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#333;
  background:#EFEFEF url(library/images/bk_body.jpg) repeat-x;
  }

当我添加背景图片时,CSS 仍然相同,所以我不确定 WordPress 主题如何实现可选背景图片。我试图摆弄它但没有成功,但我对 CSS 的了解有限。

我的问题是,是否可以像在演示站点中那样在使用背景图像的同时保持顶部标题栏?如果是这样,谁能指导我如何做?

编辑:我也尝试过使用内置的背景图像选项,但它们的结果都是一样的。

最佳答案

黑条实际上是应用于body 的背景图像。您可以使用多个背景来获得您想要的效果:

body, html {
    background-image: url(library/images/bk_body.jpg), url(your_image.jpg);
    background-repeat: repeat-x, no-repeat;
}

关于php - 如何在不破坏 CSS 标题的情况下在 Webfolio WordPress 主题中使用背景图片?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24452110/

相关文章:

php - 在命名空间中定义 Controller 仍然 Class App\Http\Controllers 在 laravel 5.5 中发生错误

javascript - 在 html 正文中显示 javascript 变量

javascript - 如何选择加载的图像并将其插入到 div 中

html - 内容溢出DIV底部

css - 如何设置 float div 的宽度以占用剩余空间而不压低其他 div?

php - 无限滚动系统,需要更改获取最后一项的方法

php - Magento隐藏自定义产品属性

php - Composer 下载整个 .git 存储库目录

html - 如何在CSS中将 'append'背景添加更多样式?

.net - 在 beginform 中使用链接而不是按钮