使用插件中的CSS覆盖主题CSS

时间:2015-03-21 作者:ahurleb

我见过很多关于用主题覆盖插件CSS的问题(Example 1, Example 2, 等等),但我正在寻找相反的结果。

我安装了一个带有一些自定义CSS的工作板插件,但是我的主题覆盖了该插件的CSS。这并不是一个破坏交易的游戏,但我不喜欢我的主题在CSS上的表现。我当然可以获取我想要的CSS并将其放入我的孩子主题的样式表中,但我认为有一个更优雅、更简单的解决方案。

我正在使用插件WP作业管理器和来自优雅主题的主题Divi。该插件总体上运行良好,没有问题,但我更喜欢在默认主题中使用时表单字段的外观(例如,二十一)。

欢迎提出任何建议。

1 个回复
最合适的回答,由SO网友:Adam 整理而成

您可以尝试将插件样式表出列,然后将主题样式表作为依赖项添加到样式表中,以确保插件样式表在主题样式表之后加载。

function custom_style_order() {

    if ( defined(\'JOB_MANAGER_PLUGIN_URL\') ) {

        //dequeue the original plugin stylesheet by its handle
        wp_dequeue_style( \'wp-job-manager-frontend\' ); 

        //re-enqueue the stylesheet but with an added dependency (your theme stylesheet)
        wp_enqueue_style( 
            \'wp-job-manager-frontend\', 
            JOB_MANAGER_PLUGIN_URL . \'/assets/css/frontend.css\', 
            array(\'your-theme-stylesheet-handle\') 
        );

    }

}

add_action(\'wp_enqueue_scripts\', \'custom_style_order\', 100); 
注意:您需要找到主题样式表的“句柄”,例如,如果我们正在处理一个默认主题,如Twenty Twelve, 那么主题主样式表的句柄是twentytwelve-style 在其中找到functions.php 文件位于第150行。

结束

相关推荐

内部服务器错误和错误的css

我目前正在一个WooCommerce网站上工作,该网站面临着许多内部服务器错误,有时甚至是糟糕的CSS。错误CSS的一个示例:站点有时会加载这样的内容,而它应该加载这样的内容:该站点安装了以下插件:Akismet、代码片段、Mailchimp、Max Mega Menu、Nav Menu Roles、Pie Register、美德/品尼高工具包、Woocommerce、Woocommerce PDF发票;装箱单、Woocommerce产品SKU生成器、Wordpress社交登录、YITH Woocomme