2017-03-26 6 views
0

t3メガメニューのドロップダウンメニューを担当するjoomlaカスタムhtmlモジュールにあるdivタグにバックグラウンドイメージを追加しようとしています。 は、firefoxデベロッパーツールを使用してdivタグが見つかりました。divタグにCSSの背景イメージを追加して保存するにはどうすればよいですか?

のdivクラス= "NAV-子ドロップダウン・メニューメガドロップダウンメニュー"

に変更したいと思います:

のdivクラス= "NAV-子ドロップダウン・メニューメガドロップダウンメニュー スタイル=「背景画像:のURL( 『/画像/ヘッダ/ button_background.png』)」

が、私は、リモートホストへの変更を保存するために、関連するファイル/ sのを見つけることができません 助けてください任意の前に

+0

場合は、私のアドレスを与えるので、私はあなたがどのあなたが変更しなければならないファイルを言うだろう。 –

+0

wavelengths-hair.com – user7246812

答えて

0

。変更がこの場所にBootstrap.cssからバックアップコピーします

/components/com_eshop/assets/bootstrap/css/bootstrap.css

編集Bootstrap.cssによってこれを行うことができますファイルまず、同じフォルダ(Bootstrap.cssのどこにある)にイメージ 'button_background.png'をコピーします。そして、Bootstrap.cssファイルを開き、このスタイルを追加します。

.mega-dropdown-menu { 
    background-image: url(button_background.png) !important /*only image name this case*/ 
} 
+0

はい、ありがとうございますが、どのファイルに変更を加えるべきですか? – user7246812

+0

あなたはどのファイルを意味していますか?あなたはその場所に画像を持っていなければなりません。そして、一つのこと:この行では、あなたが必要とするメニューの後に 'div class =" nav-childドロップダウンメニューメガドロップダウンメニュー " '' '。 'div class =" nav-childドロップダウンメニューメガドロップダウンメニュー " –

+0

両者とも非常に助けてくれてありがとうございました。 Neil Robertsonの答えは最良のアプローチのようです。 – user7246812

0

よりもむしろ直接ファイルを編集する(とJoomlaのまたは第三者の拡張機能が更新されたときに変更を失う)、CSSを使って、この変更を実装するために、おそらくより良いですオーバーライド。あなたはT3テンプレート次のコードまたは同様とそうadd a custom.css file in the template CSS folderを使用しているように見えます

:あなたのサイトがオンラインである

.nav-child.dropdown-menu.mega-dropdown-menu { 
    background-image: url('/images/headers/button_background.png'); 
} 
関連する問題