Question

我想在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;

我想将背景重复编辑为无重复，将背景位置编辑到右侧。

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

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

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

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

我确实尝试过添加，但没有成功。有什么想法吗？

Answer 1

正如你的建议，它似乎是硬编码的。它位于<head>标记内，这意味着它可能是header.php的一部分。而不是编辑style.css，为什么不查看header.php并在那里更改它（或者更好的是，删除<head>中的引用并将.custom-background的样式信息移动到style.css）？ / p>

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

add_theme_support( 'custom-background' );

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

Answer 2

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

一个相当圆润的解决方法可以添加

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

到页眉或页脚

Answer 3

我必须在inspect元素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>

在Wordpress CSS样式表上编辑背景

3 个答案: