web-dev-qa-db-fra.com

aucun de mes css ne travaille dans le thème de mon enfant

J'ai les dernières versions de WordPress et Zerif Lite installées. Je ne les ai pas modifiés. J'ai créé un répertoire dans le dossier des thèmes appelé zerif-lite-child. J'ai créé un fichier functions.php. Le code dans le fichier functions.php a été copié à partir d’ici: http://docs.themeisle.com/article/14-how-to-create-a-child-theme . J'ai aussi créé un fichier style.css. C'est le code qu'il contient:

/*
 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;
}

J'ai également personnalisé quelques éléments de la section de personnalisation du tableau de bord (sous apparence.) Aucun des fichiers css de mon fichier style.css n'est appliqué. Je suis sûr que l'erreur est probablement évidente ou stupide, mais je n'arrive pas à comprendre. Le même css fonctionnait bien avant de créer le thème enfant lorsque je l’utilisais dans le plugin Simple Custom CSS, mais je préférerais créer un thème enfant approprié. S'il vous plaît aider.

themescss
1
Jacob Franklin

Il semble que le code que vous avez copié manque la partie où vos styles de thème enfant sont réellement ajoutés à WordPress. C'est un peu étrange qu'ils l'aient ignorée, remarquez!

À partir de l'article de WordPress Codex sur les thèmes enfants , il vous suffit de modifier votre fonction de mise en file d'attente de style afin qu'elle comprenne les éléments suivants:

wp_enqueue_style( 'child-style',
    get_stylesheet_directory_uri() . '/style.css',
    array( $parent_style )
);

Vous voudrez mettre cela dans votre code directement après l'appel wp_enqueue_style() qui est déjà là.

Sauf si quelque chose ne va pas quelque part, ce devrait être tout ce qui est maintenant requis, mais il serait peut-être utile de parcourir cet article du Codex pour voir s'il y a quelque chose que vous n'avez pas encore fait. .

1
Tim Malone