Je sais que cette question a déjà été posée et j'ai déjà référencé les questions suivantes ici:
Thème de l'enfant ne pas remplacer le thème du parent
Certaines choses dans le thème enfant css n'empiètent pas sur le parent
CSS dans le thème enfant ne remplaçant pas le thème parent [fermé]
La fonction dans le thème enfant n'empiète pas sur la fonction du thème parent [dupliquer]
Aucune de celles-ci n'aborde mon problème particulier.
Le problème que je rencontre est que la feuille de style de mon thème parent ne se trouve pas dans le themedirectory/style.css
traditionnel. Ils ont fait tout le style dans themedirectory/assets/css/main.css
. J'ai donc essayé de créer le thème de l'enfant et ajouté le code suivant à mon fichier functions.php
:
<?php
function my_theme_enqueue_styles() {
$parent_style = 'maya-reloaded-style';
wp_enqueue_style( $parent_style, get_template_directory_uri() . 'assets/css/main.css' );
wp_enqueue_style( 'child-style',
get_stylesheet_directory_uri() . '/style.css',
array( $parent_style ),
wp_get_theme()->get('Version')
);
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>
J'ai mis à jour le répertoire du thème parent à l'emplacement du thème parent actuel, mais j'ai toujours un problème concernant ma nouvelle feuille de style qui n'écrase pas le thème enfant du parent. Il semble que la feuille de style du parent soit chargée après la feuille de style enfant. Lorsque j'inspecte l'élément avec Firefox, cela montre que la feuille de style parent remplace la feuille de style enfant.
Qu'est-ce que je fais mal et comment puis-je résoudre ce problème afin que la feuille de style enfant soit chargée après la feuille de style parent?
UPDATE
Voici le fichier PARENT (main.css):
/*
Theme Name: Maya Reloaded
Description: Onepage, Multipage and Mutipurpose WP Theme
Theme URI: http://themeforest.net/user/unCommons/portfolio
Author: unCommons Team
Author URI: http://www.uncommons.pro
Version: 1.1
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-menu, editor-style, featured-images, post-formats, translation-ready
*/
/* Main Style -> assets/css/main.css */
Voici le fichier ENFANT (style.css):
/*
Theme Name: Maya Reloaded - Child
Theme URI: http:www.girlpowerhour.com/Maya-child
Description: Child theme for the Maya Reloaded theme
Author: Me
Author URI: http:www.virgsolutions.com
Template: maya-reloaded
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready, pink
Text Domain: maya-reloaded-child
*/
body{
font-size:18px;
}
.larger-font{
font-size:18px;
}
.about-header{
font-size:24px;
}
/* Header */
.un-header-menu-white .main-menu li a{
color:#EF1066;
}
C'est probablement parce que les règles de leur feuille de style ont une spécificité plus élevée. ajoutez !important
après l'une de vos règles css et voyez si cela fonctionne.
Vous ne devriez pas utiliser !important
sauf si vous devez le faire, mais cela nous dira si c'est le problème.
Si tel est le cas, lisez cet article: https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/
Essayez d'utiliser ce qui suit. Dans votre appel à add_action (), ajoutez la priorité et dites si cela résout le problème.
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles', 99 );