我的所有css在我的子主题中都不起作用

时间:2016-07-07 作者:Jacob Franklin

我安装了WordPress和Zerif Lite的最新版本。我没有更改它们。我在themes文件夹中创建了一个名为zerif lite child的目录。我做了一个函数。php文件。函数中的代码。php文件是从此处复制的:http://docs.themeisle.com/article/14-how-to-create-a-child-theme. 我也做了一个风格。css文件。这是其中的代码:

/*
 Theme Name:   Zerif Lite Child
 Theme URI:    N/A
 Description:  Zerif Lite Child Theme
 Author:       Jacob Franklin
 Author URI:   http://www.jacobrfranklin.com
 Template:     zerif-lite
 Version:      0.1
 License:      GNU General Public License v3
 License URI:  http://www.gnu.org/licenses/gpl-3.0.html
 Tags:         one-column, two-columns, right-sidebar,front-page-post-form,full-width-template,rtl-language-support,sticky-post,theme-options, custom-background, custom-menu, editor-style, featured-images, threaded-comments, translation-ready, footer-widgets, portfolio
 Text Domain:  zerif-lite-child
*/

#carousel-homepage-latestnews .item .latestnews-box:nth-child(4n+1) .latestnews-title a:before {
    background-color: #0d6860;
}
.navbar-nav>li>a {
    color: #7b7b7b;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: #0d6860;
}
.company-details a:hover,a:focus,a:active {
    color: #ffffff;
}
.red-btn{
  background-color:#bf8003;
}
.green-btn{
  background-color:#0d6860;
}
.red-btn:hover{
  background-color:#fcb72c;
}
.green-btn:hover{
  background-color:#19c2b4;
}
我还在仪表板的“自定义”部分(在“外观”下)自定义了一些内容我的风格中没有css。正在应用css文件。我肯定这个错误可能是明显的或愚蠢的,但我就是想不出来。在我在简单的自定义css插件中使用子主题之前,完全相同的css工作得很好,但我宁愿创建一个适当的子主题。请帮忙。

1 个回复
SO网友:Tim Malone

看起来像code you copied from 缺少将子主题样式实际添加到WordPress的部分。有点奇怪,他们跳过了这个,注意!

WordPress Codex article on child themes, 您只需修改样式排队函数,使其包含以下内容:

wp_enqueue_style( \'child-style\',
    get_stylesheet_directory_uri() . \'/style.css\',
    array( $parent_style )
);
您需要在wp_enqueue_style() 已经在那里的电话。

除非有什么地方出了问题,否则这应该是现在所需要的全部,但可能值得仔细阅读一下《法典》的文章,看看是否还有其他你可能还没有做的事情。