サイトのキャッチフレーズのフォントスタイルを変更する
BizVektorでサイトのキャッチフレーズのフォントサイズなどを変更する方法を紹介します。
サイトのキャッチフレーズを表示しているHTMLタグは次のようになります。
サイトのキャッチフレーズのHTMLタグ
<div id="site-description">WordPressのデモサイト</div>
divのidがsite-descriptionだからといって、#site-descriptionに対して「font-size:18px;」と指定しても反映されません。
bizvektor_themes/plain/plain.cssの中で、「#headerTop #site-description」という詳細セレクタに対してfont-sizeが指定されているので、子テーマなどで#site-descriptionに対して指定したスタイルより優先されるためです。
BizVektorバージョン1.0.0でbizvektor_themesフォルダはdesign_skinsフォルダに変更されています。
plain.cssのスタイルを上書きするには、「#headerTop #site-description」という詳細セレクタに対してfont-sizeなどを指定します。
1 2 3 4 5 6 7 | #headerTop #site-description { font-size:18px; font-weight:bold; font-family: 'Lucida Grande' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN W3' , Meiryo, メイリオ, sans-serif; } |
(font-familyはhttp://d.hatena.ne.jp/n-yuji/20130225/p1より引用)
表示結果は次のようになります。
