如何编辑作为内联CSS编写的WordPress CSS？

Question

我正在尝试编辑WordPress模板的CSS。

我使用Firefox查找CSS样式并找到了我需要编辑的行，如下所示：

<div style="transition: height 350ms ease 0s; height: 450px;" class="og-expander">

我想要做的是将height: 450px更改为height: 100%。

我已尝试编辑og-expander类的高度，但它无法正常工作。 我意识到由于内联CSS，height中的og-expander属性被禁用，但我找不到编辑内联CSS的位置。

我也搜索过其他一些CSS文件，但我找不到它。

Answer 1

您可以在css文件中的样式语句之后覆盖直接添加到元素的样式。例如

.og-expander {
    height: 350px !important;
    transition: 0 !important;
}

此外，您可以尝试搜索所有php文件以直接编辑该位置。如果将其添加到核心或插件中，直接编辑将是一个坏主意，因此请尝试找到适当的过滤器或操作挂钩。