CSSが反映されません

2015年4月27日 at 15:05

初心者です。

concrete5公式活用ガイドブックやWEBを参考にしながら、CSSをサイトに反映させようとしているのですが、さっぱりです。

初歩的なことですが、どうやったらいいのか教えてください。

ver:concrete5.6.3.3
url:http://naminorism.com
browser:IE11
thema:Greek Yogurt

やりたいことは、ページ全体の行間を150%にすることと、フォントを「メイリオ」にすることです。

やったことは、以下です。

管理画面>テーマ>カスタマイズ
CSSを追加の枠に以下を記述

{
line-height: 150%;
}
TD{
line-height: 150%;
}
@font-face {
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo,' 'MS Pゴシック', sans-serif;
}

main.css typopraphy.css を見ても、どこに記述してよいか分かりません。


よろしくお願いします。

タグ:

Re: CSSが反映されません

2015年5月4日 at 19:45
返信遅くなってすいません。Greek YogurtのCSSの記述を確認していただきたいのですが、投稿された書き方では既存のスタイルよりも詳細度が低いので、適用されません。このように記載してください。

div#main-container p,
div#main-container td { line-height: 150%; }
div#main-container, div#main-container ul li {
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo,' 'MS Pゴシック', sans-serif;
}

CSSを追加する場所は、テーマのカスタマイズ画面のCSSを追加の欄で構いません。保存したあとは、管理画面からキャッシュのクリアを行なってください。

CSSの詳細度について
http://developer.mozilla.org/ja/docs/Web/CSS/Specificity
 

Re: CSSが反映されません

2015年5月25日 at 11:00
既に回答はでていますが、補足です。

CSS周りの質問は定期的に出てくるので、参考となるページを記載しておきます。

http://www.stylish-style.com/csstec/base/order.html

CSSのセレクタルールは、単純な足し算なので、覚えておくと間違いを見つけやすいと思います。