WordPress : supprimer le style du thème enfant

J’utilise wordpress et j’aimerais supprimer un certain aspect du style de mon thème parent, mais je ne veux pas non plus toucher au styles.css du thème parent. Ainsi, je voudrais supprimer cet élément de la feuille de style d’un thème enfant, mais comment ferais-je cela?

en ce moment, mon thème enfant appelle les styles de mon thème parent via

@import url("../parenttheme/style.css");

maintenant je veux supprimer toute la section de

@media only screen and (max-width: 767px) { 
.container { max-width: 95% }
.sidebar-container { padding: 0; margin-top: 50px; }
.masthead-right { display: none }
.single-nav { position: inherit; top: auto; right: auto; margin: 20px 0 0; }
.single-nav-left, .single-nav-right { margin-left: 0; margin-right: 3px; }
.comment-list .children { margin-left: 0 }
#copyright, #footer-menu { text-align: center }
#footer-menu ul { float: none; margin-top: 5px; }
#footer-menu li { float: none; display: inliene; display: inline-block; margin-left: 0; margin-right: 10px; }
.related-posts .span_6, .related-posts .span_18, .related-posts .span_8 { width: 100%; padding: 0; }
.related-posts .span_8, .related-posts .span_6 { margin-bottom: 1.5em }
.tax-archives-filter { position: inherit; position: relative; top: auto; right: auto; margin: 30px 0 0; }
.tax-archives-filter > li { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.tax-archives-filter i { position: absolute; top: 50%; margin-top: -5px; right: 13px; }

} dans mes styles de thème parent en l’appelant et en l’annulant du thème enfant.

Solution n°1 trouvée

Vous pouvez remplacer le css de plusieurs façons. Soit en ayant le code que vous souhaitez écraser plus bas (par exemple .masthead-right{float: none;}dans votre css enfant devrait fonctionner) soit en utilisant un sélecteur plus spécifique (par exemple #containingdiv .masthead-right{float:none;}pour réutiliser votre exemple). Cela écrasera toutes les pages avec le css enfant inclus.

Solution n°2 trouvée

Si tout ce dont vous avez besoin est de réinitialiser cette ligne particulière, réglez-la simplement sur

.masthead-right{
    float:none;
}

Un conseil, ne travaillez jamais sur le css parent. Modifiez le css du thème enfant ou ajoutez un nouveau custom.css et déclarez-le directement sous le css que vous souhaitez écraser.

ÉDITER

Juste rafraîchi et remarqué, gaynorvader a suggéré la même chose. . .

Solution n°3 trouvée

Je ne pense pas que ce soit possible.

Puisque vous créez un thème enfant , vous chargez – par définition – la feuille de style du parent . La seule façon de supprimer certaines parties du CSS est de le remplacer. Vous pouvez le faire soit en utilisant un sélecteur CSS plus spécifique (ce que je recommande) soit en ajoutant le mot- !importantclé à votre attribut personnalisé (ce que je ne recommande pas dans la plupart des cas).

Si vous souhaitez vous débarrasser de plus grandes parties du fichier CSS de votre thème parent, je considérerais de ne pas le charger du tout. Vous pouvez créer une feuille de style entièrement personnalisée à la place (basée sur votre feuille de style parente).