0

これは私のウェブサイトです - http://www.afternoons.com.au

ロールオーバーしたときやページをクリックしたときに、メインのナビゲーションの色をオレンジ色に変更しようとしています。バックエンドのカスタマイズで「テキスト」の色を変更する必要があることがわかりましたが、これにより製品説明のテキストも変更されます。

製品の説明が灰色のままになるようにCSSを上書きする方法はありますか?

4

1 に答える 1

1

[デザインのカスタマイズ] > [詳細設定] > [CSS] の一番下に次の CSS を追加することで、Luna テーマのナビゲーション バー リンクのホバー カラーを変更できます。

#main_nav li a:hover {
  color: #ff0000;
}

色を好きな色に置き換えるだけで、準備完了です。次に、すべてのカテゴリ ページで「選択した」クラスを有効にするには、次の操作を行います。

レイアウトコードのどこにでも次のようなリンクがあります。

<li><a href="http://www.afternoons.com.au/category/vessels">Vessels</a></li>

次の形式を使用して置き換える必要があります。

<li {% if page.full_url contains '/category/vessels' %}class="selected"{% endif %}><a href="/category/vessels">Vessels</a></li>

最後に、次の CSS を使用する必要があります。

#main_nav li a:hover, #main_nav li.selected a { 
  color: #FF0000
}
于 2015-08-04T15:10:01.913 に答える