web-dev-qa-db-fra.com

Comment désactiver la règle CSS dans Twenty Thirteen style.css?

J'ai la situation suivante:

  1. J'ai implémenté un plugin ChessTempoViewer qui affiche un jeu d'échecs dans une page Wordpress.
  2. Ce plugin fonctionne bien dans les thèmes 2010, 2012, 2014 mais pas dans Twentythirteen.
  3. La raison en est les règles dans style.css de ce thème.

Quelles sont mes options pour supprimer ces règles du thème?

Détails au problème

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
}

Ceci conduit à l'affichage suivant de l'échiquier.

enter image description here

Lorsque j'ouvre la page, par exemple Dans Chrome, et inspectez-y la page HTML, je peux désélectionner les règles CSS correspondantes, ce qui donne un affichage correct.

enter image description here

Désélectionné les règles

enter image description here

Maintenant affiché correct.

Cependant, je ne peux pas ajouter de règles dans mon propre fichier CSS permettant de les supprimer. J'ai essayé ce qui suit, mais sans effet.

.ct-black-square
{
    background-color: #88a0a9;
    box-sizing: inherit;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
}

.ct-white-square
{
    background-color: #fdfdfd;
    box-sizing: inherit;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
}

Quelles autres options dois-je avoir pour corriger le comportement de mon plugin dans le thème Twentythirteen?

pluginsthemescss
1
mliebelt

Le comportement par défaut pour la taille de la boîte est content-box. Ceci est appliqué lorsque vous désélectionnez les règles dans Chrome. Avez-vous essayé d’appliquer box-sizing: content-box dans votre propre fichier CSS au lieu d’hériter?

.ct-black-square
{
    background-color: #88a0a9;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.ct-white-square
{
    background-color: #fdfdfd;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

box-sizing

1
Mars