2

自 3 天以来，我一直在尝试将自定义 CSS 添加到现有的 Wordpress 主题中。我通过使用 Child-Theme-Configurator ( http://www.childthemeconfigurator.com/ ) 创建一个子主题来做到这一点。基本上，它工作正常。但是仍然有一些我无法删除的 CSS 不一致。我的子主题 CSS 似乎被父 CSS 覆盖（即错误的边框、边距，...）我试图让它与不同的主题一起使用。但是每个主题都会导致类似（但略有不同）的问题。

我只需要在帖子中使用我的自定义 CSS，因为我只在帖子中嵌入了我的 html。所以我的问题基本上是：有什么方法可以确保在 html-posts 中 100% 的 parent-theme-css 被禁用/重置？

4

2 回答 2

1

覆盖主题 CSS 是出了名的困难。

浏览器开发工具是你的朋友。右键单击样式错误的项目，然后单击检查。然后查看该项目的 CSS。

您必须弄清楚如何使您的覆盖选择器比主题中的选择器更具体，以便浏览器接受它们。

例如，假设您想减少帖子中段落的下边距。让我们说主题风格说

  p { margin:0 0 10px;}

如果你只是把它放在它上面是行不通的。

  p { margin:0 0 6px;}  /* no good */

如果你把它放进去，你可能会弄乱各种其他样式。

  p { margin:0 0 6px !important;}  /* no good */

但是如果你把它放进去，你就制作了一个比主题样式表中的选择器更具体的选择器。

  body article.post p { margin:0 0 6px;}

DevTools 检查功能可让您查看项目的样式，以便您了解如何覆盖它们的样式。您需要覆盖从主题到主题的更改的确切样式。

于 2017-07-23T11:02:07.760 回答
0

打开你的cpanel / FTP 客户端并转到wp-content/themes/your theme/ 你应该会看到一个style.css文件，这实际上取决于你使用的主题，但大多数情况都在那里，你只需要打开并编辑它

于 2017-07-23T10:31:43.413 回答