CSSはどこに書く？
「テーマの編集」にCSSにコードを書いてcocoonをカスタマイズ
していく方法もあるのですが、
「追加CSS」に書き込んでいく方法が断トツでおすすめです！
どこにCSSを書くのかというと、
「カスタマイズ」から「追加CSS」をクリック。
左側に、この画面が現れます。
空欄にどんどんコードを追加していくだけでOK。
サンプルとして
.tagline{
padding-bottom:20px;
}
を記載しています。タグラインの下側に、
内側の余白（padding)を20px という指定です。
右側の画面でリアルタイムに確認できるので、非常に便利です！
「追加CSS」は、まさに夢のような機能です。
「テーマの編集」の画面では、いちいち公開してから、
CSSが反映されているか
確認しなくてはなりませんので。
何度も画面を行ったり来たり、しんどいですよね。
どの要素に、どのCSSが当たっているのかは、google chromeの「デベロッパ―ツール」
の「検証」でブラウザから調べられます。
変更したい箇所をブラウザの画面で右クリック→「検証」です。
書き終えたら、「公開」ボタンのクリックをお忘れなく。
どんどん自分好みにカスタマイズしましょう！
コメント