WordPress : Le thème enfant ne remplace pas le CSS parent

Publié par Jean-Michel le

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.

Catégories : Wordpress

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *