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é.

Lire également:  Thème enfant Wordpress - Supprimer le fichier Javascript du thème principal

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

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

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