[戻る]
No.615

対象のCSSを探す方法

キャラアイコン おたすけマイショップさん 投稿日:2014/01/31(Fri) 21:11 home

細かく文字・フォント・背景の色の変更したい場合、
CSSのどこが対象なのかを探す方法を教えてもらいたい。

key
No.616

Re: 対象のCSSを探す方法

キャラアイコン おたすけマイショップさん 投稿日:2014/01/31(Fri) 21:14 home

例として「ヘッダー(ログイン、会員登録等)」の「ログイン」を変更する場合の、
対象となる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キー”を押すと、
 記述されている箇所までジャンプします。

key
No.3322

Re: 対象のCSSを探す方法

キャラアイコン おのでらたかゆきさん 投稿日:2018/11/15(Thu) 15:09 home


/*吹き出し右*/
.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;
}

がどこにあるか探したいです。

key
No.3323

Re: 対象のCSSを探す方法

キャラアイコン おたすけマイショップさん 投稿日:2018/11/15(Thu) 15:42 home

サイトを拝見したところ、イージーマイショップにて作成したサイトではないことが確認できました。

こちらの掲示板は、ネットショップ作成・運用クラウドサービス「イージーマイショップ」(https://www.easy-myshop.jp/ )の操作方法に関する掲示板となります。

その為、イージーマイショップ以外で作成されたホームページに関する操作方法や対象のCSSを探す方法はこちらではわかりませんので予めご了承下さい。

key

返信
*おなまえ アイコン [sample]
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)
*画像認証 投稿キー

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

- YY-BOARD -