Question

3天后，我尝试将自定义CSS添加到现有的Wordpress主题中。我通过使用Child-Theme-Configurator（http://www.childthemeconfigurator.com/）创建子主题来实现。基本上，它工作正常。但仍有一些CSS不一致，我无法删除。我的孩子主题CSS似乎被父CSS重写（即错误的边框，边距......）我尝试使用不同的主题。但是每个主题都会产生类似（但略有不同）的问题。

我只需要在帖子中使用我的custom-css，因为我只在帖子中嵌入了我的html。所以我的问题基本上是：有没有办法确保100％的parent-theme-css在html-posts中被禁用/重置？

Answer 1

覆盖主题CSS非常困难。

浏览器DevTools是你的朋友。右键单击错误样式的项目，然后单击“检查”。然后查看项目的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检查功能可让您查看项目的样式，以便了解如何覆盖其样式。您需要覆盖从主题到主题的更改的确切样式。

Answer 2

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

扩展Wordpress主题的CSS

2 个答案: