WordPress : Le thème enfant ne remplace pas le CSS parent
J’ai créé un thème enfant du thème Rénovation. Dans le dossier du thème de l’enfant, j’ai un fichier « style.css » et un fichier « functions.php ». Mon style.css ressemble à ceci :
/*
Theme Name: Renovation Child
Theme URI: http://renovation.thememove.com/
Author: ThemeMove
Author URI: http://thememove.com/
Version: 2.0.4
Template: tm-renovation
*/
/*
* @charset "UTF-8";
*/
.vc_custom_1438936121266 {
margin-bottom: 70px!important;
padding-top: 65px!important;
padding-bottom: 35px!important;
}
Mon functions.php ressemble à ceci :
<?php
// Exit if accessed directly
if ( !defined( 'ABSPATH' ) ) exit;
// BEGIN ENQUEUE PARENT ACTION
if ( !function_exists( 'renovation_enqueue_scripts' ) ):
function renovation_enqueue_scripts() {
wp_enqueue_style( 'renovation-child-style', trailingslashit( get_stylesheet_directory_uri() ) . 'style.css' );
}
endif;
add_action( 'wp_enqueue_scripts', 'renovation_enqueue_scripts' );
// END ENQUEUE PARENT ACTION
En désactivant l’inspecteur, je vois que le css parent est chargé en premier et il ressemble à ceci :
.vc_custom_1438936121266 {
margin-bottom: 70px!important;
padding-top: 30px!important;
padding-bottom: 35px!important;
}
Mon CSS est chargé après le CSS parent et il ressemble à ceci, sauf que tout est barré :
.vc_custom_1438936121266 {
margin-bottom: 70px!important;
padding-top: 65px!important; <-- MY CHANGE
padding-bottom: 35px!important;
}
J’ai lu beaucoup de discussions sur la spécificité, et j’ai remarqué que mon css et le css parent sont identiques, à l’exception du changement « padding-top » que j’ai fait. Étant donné que l’enfant est chargé en dernier, je m’attendais à ce que mon CSS ait la priorité, mais ce n’est pas le cas. Mon css est barré dans l’inspecteur et le parent est utilisé.
Cela ne me semble pas juste, et j’espérais que quelqu’un pourrait clarifier ma compréhension de la relation parent/enfant et m’aider à résoudre ce problème. Merci.
Solution n°1 trouvée
si vous n’allez remplacer qu’un seul élément et ne pas l’appliquer à plusieurs, il peut être préférable d’utiliser un identifiant au lieu d’une classe. L’id remplace toujours une classe.
0 commentaire