wordpress - 如何将页眉和页脚更改为全宽？

Question

我在这个网站上使用 Sleketon 主题。

我想做的是让页眉和页脚“填充”屏幕的所有水平空间，同时保持主要内容不变。

实际上，我想要的是填充整个屏幕宽度的背景颜色（标题为深蓝色和红色线条，页脚为深蓝色，红色和绿色线条）。我希望内容保持原样。

我查看了其他几个线程，但我无法通过 Skeleton 主题找到解决方案。

你们能帮帮我吗？

谢谢

编辑：我刚刚意识到我没有添加网站网址。

Answer 1

如果你链接了你的 CSS 文件，你可以通过 class .header / .footer 来定位它并添加行：width:auto; 我建议添加一个容器/包装器 div 并将所有内容放入其中。

应该看起来像这样：

    html, body { margin:0px; padding:0px; }

    .wrapper { margin:auto; width:auto; }

    .header { margin:auto; height:200px; width:auto; background-color:#0000FF; border:1px solid #DF0101; }

    .content{ margin:auto; height:500px; width:800px; }

    .footer { margin:auto; height:100px; width:auto; background-color:#0000FF; border:1px solid #DF0101; border-top:1px solid #3ADF00; border-bottom:1px solid #3ADF00; }

希望这可以帮助。

〜杰夫