子主题style le.css未覆盖父style.css

时间:2015-04-19 作者:CustomX

我正在使用Optimizer主题,并创建了一个子主题来对样式进行2次更改。css。这个single\\u wrap adjustment工作正常,但忽略了page\\u标头。当我在Google Chrome上使用Inspect元素时,我可以分辨出父样式。css覆盖了子样式。此部件的css。Page\\u head是我页面上的标题横幅。有人知道怎么了吗?

style.css

/*
 Theme Name:   optimizer_child
 Template:     optimizer
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
.single_wrap {
  margin-left: auto;
  margin-right: auto;
  float: none;
}

.page_head {
  min-height: 100px;
}

functions.php

<?php

add_action( \'wp_enqueue_scripts\', \'enqueue_parent_theme_style\' );
function enqueue_parent_theme_style() {
    wp_enqueue_style( \'parent-style\', get_template_directory_uri().\'/style.css\' );
}
网站:http://www.gelnagels-gina.be

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

样式不是来自父CSS,而是来自themes/optimizer/style_core.css然后您可以将您的子CSS按最高优先级排队。

将父样式然后子样式排列为高优先级

function enqueue_parent_theme_style() {
wp_enqueue_style( \'parent-style\', get_template_directory_uri().\'/style.css\' );
}
add_action( \'wp_enqueue_scripts\', \'enqueue_parent_theme_style\' );
function enqueue_child_theme_style() {
wp_enqueue_style( \'child-style\', get_stylesheet_directory_uri().\'/style.css\' );
}
add_action( \'wp_enqueue_scripts\', \'enqueue_child_theme_style\', 100 );

结束

相关推荐

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

我见过很多关于用主题覆盖插件CSS的问题(Example 1, Example 2, 等等),但我正在寻找相反的结果。我安装了一个带有一些自定义CSS的工作板插件,但是我的主题覆盖了该插件的CSS。这并不是一个破坏交易的游戏,但我不喜欢我的主题在CSS上的表现。我当然可以获取我想要的CSS并将其放入我的孩子主题的样式表中,但我认为有一个更优雅、更简单的解决方案。我正在使用插件WP作业管理器和来自优雅主题的主题Divi。该插件总体上运行良好,没有问题,但我更喜欢在默认主题中使用时表单字段的外观(例如,二十一