BizVektorのキャッチフレーズのスタイルを変更する
BizVektorで画面最上部に表示されるキャッチフレーズのスタイルを変更する方法を紹介します。現在は次のようなイメージです。
次のように変更することができます。
キャッチフレーズのidは「headerTop」です。headerTopに対してCSSを設定すると背景色や枠線(上)のスタイルを変更することができます。
ただし、キャッチフレーズのフォントはBizVektorのスタイルシート(bizvektor_themes/plain/plain.css)の中で「#headerTop #site-description」というCSSセレクタで指定されているので、フォント設定を変更する場合は設定を上書きできるように同じCSSセレクタで指定します(同じセレクタでなくても上書きはできます)。
BizVektorバージョン1.0.0でbizvektor_themesフォルダはdesign_skinsフォルダに変更されています。
/* キャッチフレーズの背景色・枠線(上)を設定 */ #headerTop { background-color: #006600; border-top-color: #009900; } /* キャッチフレーズのフォント設定 */ #headerTop #site-description { color: #ffffff; font-size:10px; }
キャッチフレーズの背景色、フォントなどが変更されます。
キャッチフレーズが不要であれば次のCSSで非表示にすることができます。
/* キャッチフレーズを非表示に */ #headerTop { display:none; }
キャッチフレーズが消えます。