web-dev-qa-db-fra.com

Child Style.css n'annulant pas le style de thème parent situé dans assets/css/main.css

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;
}
1
Blaine

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/

1
Jonathan Hodgson

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 );
0
Desperado