web-dev-qa-db-fra.com

Quelle est la meilleure solution pour résoudre un conflit de style entre Gantry Framework et ChronoForms?

J'utilise les modèles ChronoForms et RocketTheme sur la plupart des sites Web que je construis.

Gantry Framework inclut un style Bootstrap) qui remplace le style ChronoForms de sorte que (par exemple) une zone de saisie de texte ait une taille fixe de 206 pixels:

input, textarea, .uneditable-input {width: 206px;}

Il semble que cela se produise à cause de l'ordre de chargement de la feuille de style:

<link rel="stylesheet" href="/components/com_chronoforms/css/frontforms_tight.css" type="text/css" />
<link rel="stylesheet" href="/components/com_chronoforms/css/formcheck/theme/classic/formcheck.css" type="text/css" />
<link rel="stylesheet" href="/components/com_chronoforms/css/formcheck_fix.css" type="text/css" />
<link rel="stylesheet" href="/templates/gantry/css-compiled/bootstrap.css" type="text/css" />

Existe-t-il un moyen simple d'activer le style de ChronoForms par rapport au style de Gantry bootstrap sans éditer les fichiers core?)?

chronoformsgantry
6
Neil Robertson

Dans Chronoforms, vous pouvez LoadCSS dans vos événements de formulaire. Vous devriez pouvoir remplacer Gantry ici.

5
Jeepstone

Sans les éléments installés devant moi, je suppose que cela peut être modifié dans l'en-tête de modèle de index.php. Si c'est fait ici, vous devrez le suivre lors de la mise à jour du modèle.

Je sais que les plugins sont chargés selon l'ordre indiqué dans le gestionnaire de plugins. Je pourrais regarder là-bas, mais peut-être pas beaucoup d'aide étant donné qu'il s'agit principalement d'un modèle.

4
poproar