質問 > その他 > ヘッダーナビゲーションの色を変更したい |
その他
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
angry |
投稿日時: 2020/3/28 12:07
対応状況: −−−
|
新米 登録日: 2020/3/28 居住地: 投稿: 2 |
ヘッダーナビゲーションの色を変更したい 初心者です。
デザイン・色変更のためのCSS管理について教えてください。 背景色等は変更することができたのですが、 ヘッダーナビゲーションの色変更がうまくできません。 設定箇所は把握しました。 http://eccube4-styleguide.herokuapp.com/#/section/11.2 「.ec-headerNav 」の中の & &__itemIcon の「 color: black;」と & &__itemLink の「 color: black;」だと思うのですが、 この「& &__」が入った場合の追加CSSの書き方がわからずうまくいきません。 他にも共通するのでご教示いただけると幸いです。 よろしくお願いいたします。 |
kazz_oga |
投稿日時: 2020/3/29 11:09
対応状況: −−−
|
一人前 登録日: 2013/8/5 居住地: 東京都北区赤羽西 投稿: 144 |
Re: ヘッダーナビゲーションの色を変更したい http://eccube4-styleguide.herokuapp.com/#/section/11.2
および「& &__」の記載はSassの記載です。 変更後はSassからCSSへのビルドが必要です。 ビルドはnpm run buildで行います 参考:https://doc4.ec-cube.net/design_css npmがうまくいかない場合は https://xoops.ec-cube.net/modules/newbb/viewtopic.php?topic_id=23790&forum=2&post_id=97269#forumpost97269 を参考にしてください |
kazz_oga |
投稿日時: 2020/3/30 16:11
対応状況: −−−
|
一人前 登録日: 2013/8/5 居住地: 東京都北区赤羽西 投稿: 144 |
Re: ヘッダーナビゲーションの色を変更したい cssを直接カスタマイズする場合は次の通り
.ec-headerNav .ec-headerNav__itemIcon { color: red; } &が上位の.ec-headerNavに対応します。 eccube管理機能の「コンテンツ管理>CSS管理」で修正ができます。 このCSS管理で修正したcssファイルの反映は次を参考にしてください https://qiita.com/kakuta_yu/items/d36f2e746b59f5db7557#カスタマイズした画像やcss |
angry |
投稿日時: 2020/3/31 14:21
対応状況: 解決済
|
新米 登録日: 2020/3/28 居住地: 投稿: 2 |
Re: ヘッダーナビゲーションの色を変更したい ありがとうございます!
Sass が少々敷居が高く、コマンドラインのComposerのインストールからつまずいておりました。 「コンテンツ管理>CSS管理」で修正できました。 的確なアドバイスありがとうございました。 やりたいことが実現できました! |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |