Question

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

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

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

Answer 1

如果您正在使用它的库存，我认为您需要添加以下需求。

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

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

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

显然选择自己的颜色。

Answer 2

我猜你的问题是你对网页设计很陌生，所以我会尝试尽可能简单地解释一下。

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

元素可以包含类或 ID ，这些是CSS用于识别您想要更改“外观和感觉”的页面的哪些部分（以及因为被用作Javascript的钩子或链接的锚点，但我们现在不会讨论它。）

class （例如<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>中的文字变为红色。

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>

将导致第一个<div>文本为绿色，因为 ID 比类更“重要”，以及#myId的CSS在.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>的文字变黑。

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

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

#headerId {
    background-color: yourColour;
}

#footerId {
    background-color: yourColour;
}

（其中#headerId和#footerId是页眉和页脚的 ID ，yourColour是您选择的十六进制代码（或纯文本名称）色。）

希望这会有所帮助......

更改页眉和页脚中的背景颜色清洁Retina WordPress主题

2 个答案: