細かく文字・フォント・背景の色の変更したい場合、
CSSのどこが対象なのかを探す方法を教えてもらいたい。
例として「ヘッダー(ログイン、会員登録等)」の「ログイン」を変更する場合の、
対象となるCSSの探し方を案内させていただきます。
※GoogleChromeを使った方法での案内となります。
1.サイトの対象となる部分(ログイン)を右クリックし、「要素を検証(N)」を選択します。
2.画面左下に対象となるHTML、右下に適用されているCSSが表示されます。
これらが「ログイン」に関係する全てのCSSの要素となります。
3.要素が確認できましたら、以下の手順ですCSSを編集します。
店長ナビ>デザイン設定>適用中のスタイルシートカスタマイズ>design.cssの編集ボタン
スタイルシート変更画面(design.css)にて、対象となる要素をご希望の内容に編集いただき保存してください。
【補足】
「要素を検証」で表示されたdesign.css:262等の数字はdesign.cssの記載されている行数です。
CSSをテキストエディターソフトなどに貼り付けていただくと、すぐに見つけることができます。
その他の方法として、対象となるクラス名をコピーしていただき、
design.css内で“Ctrl+Fキー”を押していただきます。
右上に入力欄が表示されますので、
そちらにコピーしたクラス名を貼りつけていただき、“Enterキー”を押すと、
記述されている箇所までジャンプします。
/*吹き出し右*/
.right .sc {
background:#78ce56;/*ふきだしの中の色*/
border: solid 2px #78ce56;/*ふきだしの線の色*/
color: #fff;/*文字の色*/
}
.right .sc:before, .right .sc:after{
border-left-color:#78ce56;
}
/*ふきだし左*/
.sc {
background: #eee;/*ふきだしの中の色*/
border: solid 2px #eee;/*ふきだしの線の色*/
color: #000;/*文字の色*/
}
.sc:before,
.sc:after {
border-right: 12px solid #eee;/*ふきだしの線の色*/
}
/*wppのランキングカラーをアクセントカラーに*/
.my-widget.show_num li:nth-child(-n+3):before{
background: #ffb36b;
}
/*topオススメの下線をアクセントカラーに*/
div.osusume-b {
border-bottom: solid 3px #ffb36b;
}
div.shinchaku-b {
border-bottom: solid 3px #6bb6ff;
}
がどこにあるか探したいです。
サイトを拝見したところ、イージーマイショップにて作成したサイトではないことが確認できました。
こちらの掲示板は、ネットショップ作成・運用クラウドサービス「イージーマイショップ」(https://www.easy-myshop.jp/ )の操作方法に関する掲示板となります。
その為、イージーマイショップ以外で作成されたホームページに関する操作方法や対象のCSSを探す方法はこちらではわかりませんので予めご了承下さい。