覆盖Wordpress CSS

时间:2016-10-28 07:09:49

标签: css wordpress

我的wordpress网站有一些布局。

我需要在那里改变一些css,但是在覆盖它时会遇到麻烦。

通过webbrowser我的CSS看起来像: enter image description here

在主题的某个地方(生成?)。

每次刷新页面时,我都会遇到不同的情况' class-xyz ' (在屏幕上:class-GkgfbCohxE)名称在 #inbound-list

我已添加到下面的自定义CSS(更改颜色): enter image description here

但是没有加载。

这个CSS的所有结构:

enter image description here

你知道如何启用ovverriding这个元素吗?

4 个答案:

答案 0 :(得分:0)

这取决于您使用的主题和插件。

根据我的经验,这个动态内联CSS可能来自您使用的页面构建器。如果它来自页面构建器,请检查您的页面构建器并调整样式。

如果你想覆盖css,你可以简单地将!important放在颜色属性之后。

答案 1 :(得分:0)

将你的CSS放在所有插件下面,这样它就会自动覆盖,如果你有困惑,请不要告诉我。

您可以使用CSS编辑器自定义任何WordPress.com网站的外观。它的工作原理是允许您添加自己的CSS样式,这样您就可以覆盖主题的默认样式。要访问CSS编辑器,首先启动站点自定义程序,然后单击CSS选项卡以访问CSS编辑器。

答案 2 :(得分:0)

要覆盖此css,您需要使用下面的任何父ID,或者您可以将一些ID应用于您的body标记,并使用其引用编写ur css

见下面的前面

#parent #one li{
  color: blue;
}
#one.asd li{
  color: red;
}
<div id="parent">
  <ul id="one" class="asd">
    <li>aaa</li>
    <li>bb</li>
    <li>adfdf</li>
  </ul>
</div>

答案 3 :(得分:0)

如果它是您的主题样式,您可以创建子主题,然后覆盖样式。您也可以在子主题css中使用相同的选择器,WordPress知道它必须从子主题中获取它们。