it-swarm.dev

ガントリフレームワークとChronoFormsのスタイルの競合を修正するにはどうすればよいですか?

私が構築しているほとんどのWebサイトでChronoFormsおよびRocketThemeテンプレートを使用しています。

ガントリフレームワークには、(たとえば)テキスト入力ボックスが206ピクセルの固定サイズになるように、ChronoFormsスタイリングをオーバーライドするいくつかのBootstrapスタイリングが含まれています。

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

これは、スタイルシートの読み込み順序が原因で発生しているようです。

<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" />

コアファイルを編集せずにガントリbootstrapスタイリングよりも優先してChronoFormsスタイリングを有効にする簡単な方法はありますか?

6
Neil Robertson

Chronoformsでは、フォームイベントでLoadCSSを使用できます。そこでガントリをオーバーライドできるはずです。

5
Jeepstone

私の前にアイテムがインストールされていない場合、これはindex.phpのテンプレートヘッダーで変更できると推測しています。ここで行う場合は、テンプレートを更新するときにそれを追跡する必要があります。

プラグインは、プラグインマネージャーに表示される順序で読み込まれます。私はそこを見るかもしれませんが、これは主にテンプレートであるため、あまり役に立ちません。

4
poproar