1

我想在我的 Wordpress 网站上编辑一些背景属性。

使用 Chrome 的 Inspect Element 我可以看到目前我有：

body.custom-background {
background-color: #f6f6f6;
background-image: url('http://patchwood.ca/wp-content/uploads/2013/06/bktopright.png');
background-repeat: repeat;
background-position: top left;
background-attachment: fixed;

我想将 background-repeat 编辑为 no-repeat 并将 background-position 编辑为右侧。

听起来很简单，但是当我在 Wordpress 中查看编辑器时，选择器不存在。事实证明，这种样式似乎在主页第 53 行的 html 中。

如果它是一个手工编码的网站，我只会更新样式表，但由于它是一个数据库驱动的 Wordpress 网站，所以更难知道在哪里编辑。

我想知道是否有一种方法可以为 body 元素背景添加样式以覆盖任何其他属性？所以基本上，如果我要在样式表的最底部添加以下代码来覆盖其他任何内容。

 body.custom-background {
    background-repeat: no-repeat;
    background-position: top right;
}

我确实尝试添加它但没有成功。有任何想法吗？

4

3 回答 3

1

正如您所建议的，它似乎是硬编码的。它位于<head>标签内，这意味着它可能是 header.php 的一部分。与其编辑 style.css，不如查看 header.php 并在其中进行更改（或者更好的是，删除其中的引用<head>并将.custom-background的样式信息移动到 style.css）？

编辑根据Codex，使用 functions.php 中的以下行启用自定义背景：

add_theme_support( 'custom-background' );

删除这一行（然后在 style.css 中设置所需的背景属性）应该可以解决问题。

于 2013-06-06T23:27:34.650 回答
1

它出现在标题中 - 从外观上看 - 它可能是在 wordpress 后端设置的自定义背景图像。

解决这个问题的一个相当全面的方法是添加

<style>
body.custom-background {
    background-repeat: no-repeat !important;
    background-position: top right !important;
}
</style>

到您的页眉或页脚

于 2013-06-06T23:27:56.510 回答
0

我必须在检查元素 css 中管理背景这是成功的 css 代码：

<style>
body.custom-background {
    background-attachment: fixed;
    background-color: #F6F6F6;
    background-image: url("http://patchwood.ca/wp-content/uploads/2013/06/bktopright.png");
    background-position: right center;
    background-repeat: repeat-y;
}
</style>
于 2013-06-07T10:13:10.733 回答