Question

我正在使用一个optimizepress模板，它有一个css文件，其中包含以下作为主题一部分的行： .container{width:1060px;margin-left:auto;margin-right:auto;background-color:#fff}。

我想覆盖它以使宽度为900px。

如何在不更改css文件的情况下执行此操作？

Optimizepress主题具有在页面css上执行的功能，但我尝试使用重要功能，但它不适用于我。

Answer 1

您只需链接到当前的另一个CSS文件。在CSS中，如果同一个类有两个样式，则计算机读取的最后一个样式是被选中的样式。这就是为什么你需要在之后链接到新的CSS。

所以制作一个新的css文件并编写

.container {
  width: 1060px;
}

然后在你的HTML标题中，直接在UNDERNEATH中链接你当前的css

<link rel="stylesheet" href="path/to/yournewcssfile.css">

Answer 2

OptimziePress主题有自定义CSS页面，您可以在其中覆盖CSS。以下是找到这些自定义CSS区域并粘贴CSS代码的步骤。

1-转到OptimizePress仪表板＆gt;博客设置＆gt;模块＆gt;其他   脚本＆gt;选择自定义CSS＆＃39;在下拉

2-转到OptimizePress仪表板＆gt;全局设置＆gt;自定义CSS   （站点内）