ラベルの背景色を変更したい
こんな時にどうぞ
Zenbackのデフォルトテーマのラベルの色は、各ソーシャルメディアのテーマカラーに合わせて緑や青に塗られています。これを自分のサイトのテーマカラーに合わせたい場合は、以下のように設定してください。
2013/08/08 おしらせ欄のラベルの背景色も変更できるよう、アップデートいたしました。
コード
<style> /* ラベルの背景色を pink に変更 */ #zenback #zenback-widget #zenback-news-hasimage .zenback-module-label, #zenback #zenback-widget #zenback-related-article .zenback-module-label, #zenback #zenback-widget #zenback-related-links .zenback-module-label, #zenback #zenback-widget #zenback-twitter .zenback-module-label, #zenback #zenback-widget #zenback-hatena-bookmark .zenback-module-label, #zenback #zenback-widget #zenback-facebook-comment .zenback-module-label, #zenback #zenback-widget #zenback-powered img { background-color: pink; } /* 各項目の上部の線を pink に変更 */ #zenback #zenback-widget #zenback-news-hasimage .zenback-module-content, #zenback #zenback-widget #zenback-related-article .zenback-module-content, #zenback #zenback-widget #zenback-related-links .zenback-module-content, #zenback #zenback-widget #zenback-twitter .zenback-module-content, #zenback #zenback-widget #zenback-hatena-bookmark .zenback-module-content, #zenback #zenback-widget #zenback-facebook-comment .zenback-module-content { border-color: pink; } /* Zenbackロゴの背景色を pink に変更 */ #zenback #zenback-widget #zenback-powered { border-top: 1px solid pink; } </style>
で、どうなるの?
ラベルの部分が全部共通の色になりました。