时间戳

首页 > 解决方案 > 仅特定页面中的wordpress css背景颜色

colors - 仅特定页面中的wordpress css背景颜色

问题描述

我正在编辑一个基于自定义 CSS 的 wordpress 网站。我需要在显示所有产品的主页上使用黑色背景，并将白色背景保留在产品表内。

目前我已经输入了这个代码：

.site-container {
  position:relative;
  background:black;
}

这段代码在主产品网格中工作，现在背景是黑色的，问题是它也改变了单个产品页面的背景。如何排除命令以使其仅保留在产品网格上？或者我应该输入哪个代码来使产品表背景变白？（我正在做的网站还没有上线）

谢谢你

标签： colorsbackground

解决方案

只需将 background 属性添加到要更改背景的页面的页面 ID 类中。

例如，您的页面 ID 为 6：

.page-id-6 {
  background:black;
}

这个 css 只适用于 ID 为 6 的页面。

您可以使用浏览器的开发工具找到 id，只需查看 HTML Body 的类即可。

推荐阅读