0

Clean Retina 支持自定义背景功能。

转到外观->标题。您可以将图像或颜色设置为背景。您可以在同一设置页面上看到背景预览。单击保存更改。注意：背景效果只会改变内容部分，不会改变页眉和页脚部分。如果您希望更改也反映在页眉和页脚中，然后在外观->主题选项->设计选项->自定义 CSS 输入字段中编写自定义 CSS 以隐藏页眉和页脚模式。并保存更改。

那么这就是我想要做的，改变页眉和页脚背景的颜色。我没有使用 CSS 的经验，并且一直在搜索互联网并尝试了很多不同的代码，但都没有奏效。

4

2 回答 2

0

我从你的问题中猜测你对网页设计很陌生，所以我会尽可能简单地解释事情。

HTML 页面由诸如、、等元素（或标签）构成。大多数元素必须有一个开始标签（例如）和一个结束标签（通常包含一个斜杠，例如）。这些标签之间的信息就是元素的内容，可以是任意数量的其他元素，或者只是文本。<div><span><p><div></div>

元素可以具有类或ID，这是 CSS 用来识别您想要更改页面的“外观”的部分（以及用作 Javascript 的钩子或链接的锚点，但我们不会现在进入）。

一个类（例如<div class="someClass">...</div>）可以在同一页面上多次使用，并且在 CSS 中以句点 ( .) 为前缀。您为该类编写的任何 CSS 规则都将应用于该类的每个实例。例如：

<style type="text/css">
    .someClass {
        color: red;
    }
</style>

<div class="someClass">Content</div>
<div class="anotherClass">Content</div>
<div class="someClass">Content</div>

此代码会将第一个和最后一个<div>s 中的文本变为红色。

ID设计为在页面上是唯一的。这些在 CSS 中以哈希 ( #) 为前缀。

例如：

<style type="text/css">
    .someClass {
        color: red;
    }

    #myId {
        color: green;
    }
</style>

<div class="someClass" id="myId">Content</div>
<div class="anotherClass">Content</div>
<div class="someClass">Content</div>

将导致 first<div>的文本变为绿色，因为ID比classes更“重要” ，以及 CSS for#myId出现在.someClass声明之后的事实（如果重要性级别较低，则样式表下方的规则会覆盖更上方的规则是一样的）。作为一个例子：

<style type="text/css">
    .someClass {
        color: red;
    }

    .someClass {
        color: black;
    }
</style>

<div class="someClass" id="myId">Content</div>
<div class="anotherClass">Content</div>
<div class="someClass">Content</div>

<div>当我们覆盖我们的第一个声明时，将导致 first 和 last的文本为黑色。

现在！关于你的具体问题。

您需要做的是找出主题页眉和页脚的ID#header是什么（如果它们是和 ，我不会感到惊讶#footer）。然后，您需要在 CSS 文件中执行以下操作：

#headerId {
    background-color: yourColour;
}

#footerId {
    background-color: yourColour;
}

（其中#headerId和#footerId是页眉和页脚的IDyourColour ，并且是您选择的颜色的十六进制代码（或明文名称）。）

希望这可以帮助...

于 2013-01-03T16:10:03.867 回答
0

如果您使用它的股票，我认为您需要添加以下内容。

#branding{background-color:blue;}
#colophon{background-color:blue;}

您必须确保删除这两个选项的当前背景 CSS，它们应用了将隐藏背景颜色的图像。如果这不起作用，或者您无法访问样式表以删除这些属性，只需使用背景属性并覆盖层次结构中的当前属性，如下所示：

#branding{background:blue;}
#colophon{background:blue;}

显然选择你自己的颜色。

于 2013-01-03T15:45:52.677 回答