我在 Wordpress twenty-seventeen 中通过 CSS 添加了 "background-image"：不显示

Question

我想通过 CSS 添加我自己的 background-image 来覆盖 Wordpress 的 Twenty-Seventeen header 图像。但是，它只显示空白...这是 body 的 html:

<body class="page-template-default page page-id-5 logged-in wp-custom-logo has-header-image page-one-column title-tagline-hidden colors-light page-soins" data-aos-easing="ease" data-aos-duration="400" data-aos-delay="0" cz-shortcut-listen="true">

这是我的 CSS 禁用 wordpress 的 header 图像：

.page-soins .wp-custom-header {
display: none;

}

这里是我的 CSS 添加我的背景图片：

body.page-soins {
    background: url("images/backgrounds/soins-bg-1.jpg") no-repeat center center fixed;
    background-size: cover;
}

最后，这是 link 页面： www.http://latelierdegaia.ch/soins/

有人可以帮忙吗？非常感谢！

Answer 1

我找到了一个可行的解决方法！但是有诀窍。我只是将 CSS background-image 添加到 "site-header" class 而不是 "body".

body.page-soins .site-header {
    background: url("images/backgrounds/soins-bg-1.jpg") no-repeat center center fixed;
    background-size: cover;
}

Answer 2

.site-content-contain

和

.site-mast-head

都有

background-color: #fff;

其中涵盖了您的 background-image.

Answer 3

您只需从 .site-header class 中删除 background-color: #fafafa;。

我在 Wordpress twenty-seventeen 中通过 CSS 添加了 "background-image"：不显示

I added "background-image" via CSS in Wordpress twenty-seventeen: doesn't display

html

css

wordpress

background-image

twentyseventeen