WordPress : supprimer le style du thème enfant

Publié par Jean-Michel le

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.

Lire également:  Wordpress : L'URL de l'auteur renvoyée est vide

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.

Lire également:  WordPress Animation personnalisée CSS

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

Lire également:  Est-ce une pratique acceptable pour le développement de thèmes WordPress ?

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

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 *