Pourquoi le style.css du thème enfant ne remplacera-t-il pas le css du plugin
-
-
Sont-ils définitivementinclus dans cet ordre,si vous vérifiez la source de lapage,voyez-vous lafeuille de style duplugin suivie de la vôtre,je ne voispersonnellement aucune raisonpour laquelle ce que vous avezne devraitpasfonctionner,même sije suppose que sinécessaire,vousforcezle style avec `!important` (ouaispasidéalje sais).Are they definately included in that order, if you check the source of the page are you seeing the plugin stylesheet followed by your own, i can't personally see any reason what you have shouldn't work, though i suppose if necessary you force the style with `!important` (yeah not ideal i know).
- 1
- 2011-12-14
- t31os
-
3 réponses
- votes
-
- 2011-12-14
Je vous suggère d'utiliser la spécificitépour cefaire.À l'heure actuelle,les deux règles ont lamême valeur.Quelle div détient le "produit" div?Si la Div s'appelle "wrapper",votre codepourrait ressembler à ceci:
body div.product div.images img { ...... }
I suggest that you use specificity to do this. Right now both rules are of equal value. What div holds the div "product?" If the Div is called "wrapper" your code could look like this:
body div.product div.images img { ...... }
-
ou simplement ajouter labalisebody devraitfonctionneror just adding the body tag should work to
- 0
- 2011-12-14
- Joseph Marikle
-
pourriez-vousnousexpliquer cela??could you expound on that??
- 0
- 2011-12-14
- novicePrgrmr
-
cela a-t-ilfonctionnépour vous?Jepeux vousexpliquerplus si vous le souhaitez.did this work at all for you? I can explain more if you would like.
- 0
- 2011-12-14
- Michael Rader
-
Jene peuxpas savoir quelle division contient la division "produit" ... lapageest http://www.bolistylus.com/shop/boli-2/I can't figure out which div holds the "product" div... the page is http://www.bolistylus.com/shop/boli-2/
- 0
- 2011-12-14
- novicePrgrmr
-
ajoutez simplement un corps au début de la règle css.voir si celafonctionne.Je l'ai édité commeil devrait ressembler ^just add body to the beginning of the css rule. see if that works. I edited it the way it should look ^
- 0
- 2011-12-14
- Michael Rader
-
Hey @MichaelRader,j'aiessayé lemême conseil que vousm'avez donné sur une autre édition csspour lemêmepluginet celan'apasfonctionné.Jeme demande simplement quelles sont les règles de spécificité?Hey @MichaelRader, I tried that same tip you gave me on another css edit for the same plugin and it didn't work. I am just wondering what the rules are for specificity?
- 0
- 2012-01-08
- novicePrgrmr
-
@MichaelRader Je vais chercher d'abordpour que vousn'ayezpas àfaire l'effort@MichaelRader I'll look it up first so you don't have to put in the effort
- 0
- 2012-01-08
- novicePrgrmr
-
Vous devriezjuste vraiment lire sur la spécificité,c'est un sujet complexe que vous devriez apprendre.You should just really read about specificity, its a complex topic you should learn.
- 0
- 2012-01-08
- Michael Rader
-
- 2011-12-14
Certainsplugins ont également du CSSen ligne.vérifiez le code source de lapage. Detoutefaçon - Vouspouvez résoudre ceproblème deplusieursmanières.
1.utilisez lapropriété (!important;) dans CSS.
p { color: #000000 !important; }
2.ajouter unefonctionpour désactiver leplugin css
add_action( 'wp_print_styles', 'k99_deregisterr_plugin_css', 100 ); function k99_deregisterr_plugin_css() { wp_deregister_style( 'name of plugin style' ); // add here more lines to deregister other css ... }
2.a Ma solutionestgénéralement de COPIER lafeuille de style css detous lesplugins dansmonpropre css,puis de la supprimer ou de la renommer (ou de la désinscrire - voir ci-dessus).
Avoir un CSS unifiépermettra également d'économiser sur les requêtes http.
Some plugins has also Inline CSS . check the source code of the page . Anyhow - You have several ways to resolve this .
1 . use the ( !important ; ) property in CSS.
p { color: #000000 !important; }
2 . add a function to deactivate the plugin css
add_action( 'wp_print_styles', 'k99_deregisterr_plugin_css', 100 ); function k99_deregisterr_plugin_css() { wp_deregister_style( 'name of plugin style' ); // add here more lines to deregister other css ... }
2.a My solution is usually to COPY all plugin´s the stylesheet css to my own css , and then just delete or rename it (or deregister - see above) .
Having a unified css will also save on http requests.
(This however will not be a solution for ALL production websites, because a client triggered upgrade could cause problems.)
-
- 2013-12-22
Vouspouvez ajouter un 3èmeparamètre au code qui charge lafeuille de style de vosthèmespour qu'elle se charge aprèstous lespluginset supprimer l'actionpar défaut qui charge lafeuille de style de vosthèmes avant vosplugins.
Exemple:
add_action( 'wp_enqueue_scripts', 'add_stylesheet', 999 );
Pour les utilisateurs de Genesis,voici unpetit plugin quifait letravail http://wordpress.org/plugins/genesis-style-trump/
You could add a 3rd parameter to the code which loads your themes style sheet so its loads after all plugins and remove the default action which loads your themes style sheet before your plugins.
Example:
add_action( 'wp_enqueue_scripts', 'add_stylesheet', 999 );
For Genesis users, here's a tiny plugin which does the job http://wordpress.org/plugins/genesis-style-trump/
J'utilisemonproprethèmeenfant depuis vingt-onze,et j'ai apporté quelquesmodifications aux classes css de certainsplugins dansmonenfant style.css.Leproblème quej'aiest que sij'ajoute unnouvel attribut css à une classe àpartir du css duplugin,alorsileffectuera le changement.Mais,si l'attributest déjà déclaré dans le css duplugin,il s'appuie sur cela.
Commentpuis-jefaireen sorte que le style.css demonthèmeenfant ait lapriorité sur lesfichiers css duplugin?
Voici unexemple de ce qui sepasse avecfirebug (lepremierfichier cssprovient duplugin,le second demonthèmeenfant):