[戻る]
No.2657

ナビメニューをマウスオーバーしたときの色

小林さん  投稿日:2017/07/21(Fri) 17:19
key

お世話になります。

HOMEやカテゴリなどのナビメニューをマウスオーバーしたときの色を変更したいのですが、CSSを見ても記述箇所が分かりませんでした。
CSSの変更箇所かもしくは基本的なデザイン設定機能に変更する場所がありましたらお教えください。

Re: ナビメニューをマウスオーバーしたときの色

おたすけマイショップさん  2017/07/24(Mon) 11:40 No.2659
key

ヘッダーにあるメニューについて、マウスホバー時の背景色のスタイルを案内致します。

※上級モード利用されておりますので、このモードでの編集方法を案内致します。

デザイン設定画面を開き、適用中テンプレートの[CSS]を押します。
スタイルシート一覧にて「design.css」の[編集]を押します。

表示されるスタイルシート変更画面にて記載されている以下のスタイル(990行目付近)が対象となりますので、色コード(#E7E401)を変更して保存すれば完了です。

※ブラウザのページ内検索機能(「Ctrl+F」キー)にて「.top_menu_pulldown > li > a:hover」と検索すると比較的簡単に見つかります。

.top_menu_pulldown > li > a:hover, .top_menu_pulldown > li > a:active {
color: #000;
background: #fff;
box-shadow: 0px -50px 0px 0px #E7E401 inset;
opacity: 1;
}

以上を参照いただき、設定をお試しください。



返信
*おなまえ
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)

無料で本格的なネットショップ開業できるのは『イージーマイショップ』