Question

before scaling

我有一个问题是如何找出代码的哪个部分需要更改以调整此“display：none！important”功能，这会阻止网站在移动设备上做出响应。当低于767px时，内容会消失并触发该条件。

如果我将其更改为“display：inline！important”，它可以工作，但我只在浏览器中完成，我找不到在源文件中更改它的位置。找到这个有什么方法吗？我甚至在主题中的所有文件中使用grep寻找关键字，但我不知道在哪里看。还尝试将更改后的代码添加到“附加CSS”菜单中，但也没有成功。

Answer 1

问题是：

是否有任何方法可以找到[CSS所在的地方]？

您想了解查找CSS的方法。让我们来看看我是如何做到的。

第1步

检查员会为您提供样式的位置。使用您的图像，我用红色框标记了位置：

CheckState

请注意，相关样式位于(index):557。哪里是？与style.css示例一样，它不是外部样式表。相反，它已被直接添加到<head>并包含在<style>中。

使用Dev Tools，查看DOM的<head>（在HTML标记中）。你会在那里找到的。

第2步：

你在哪里找到它？我使用的方法是先查看<head>中的样式声明。有什么评论可以给你提供线索吗？

接下来，我看一下实际的样式属性。在这种情况下，它是.tm_pb_builder。这为您提供了构建CSS的组件的线索。

我在Google上搜索了该类属性，如下所示：wordpress tm_pb_builder。这花了我和TemplateMonster的Power Builder插件。

第3步

现在您知道插件GitHub是负责将该样式添加到<head>的插件。然后，您可以查看相应的页面，并了解如何使用此页面构建器构建此页面。

这是我的方法论。

Answer 2

您可以在子主题的display:inline !important中添加style.css，但只有在插件css文件加载之前它才会有效。

如果主题的css在插件css之前加载，你可以创建一个新的css样式并将其排入样式入队的最后一端。

add_action('wp_enqueue_scripts', 'se_41042975', 999);

function se_41042975(){
    wp_enqueue_style('css-plugin-override', get_stylesheet_directory_uri(); ?>/css/custom_css.css');
}

希望它有所帮助！

如何在实际源文件中查找Inspect中的CSS元素？

2 个答案:

第1步

第2步：

第3步