【Cocoonテーマ】通知エリアのテキストを太字にしたい

Cocoonテーマのヘッダーメニュー下に「通知エリア」を表示できます。

その通知エリアに表示するテキストを太字にしたいなあと思いました。

Cocoon 通知エリアの文字を太字にする方法
1. テキストを太くする指定方法

Cocoon 通知エリアの文字を太字にする方法

ブログの通知エリア辺りを選択してソースを表示させると

div id="notice-area" class="notice-area nt-notice">
      テキスト</div>

と表示されたので、

Cocoonの親スタイルシートから「notice-area」検索し

.notice-area {
color: #fff;
text-align: center;
background-color: #4cae4c;
padding: 0.6em;
font-size: 0.8em;
}

を発見。

子テーマのスタイルシートに

/*通知*/
.notice-area {
text-align: center;
padding: 0.5em;
font-size: 0.8em;
font-weight: bold;
}

こんな感じに「font-weight」を追加し貼りつけて完了です。
太字になると余白も大きくなるので「padding」を少し小さく調整しました。

背景色と文字色はCocoonの通知タブで変更できるので、変更したい部分だけ書き込みます。
他にも変更する可能性のある項目は残しておきました。

テキストを太くする指定方法

検索などで調べているうちに文字の太さについて
100から900までの100単位の数値で指定できると知りました。

font-weight: bold;　こちらは知っていましたが
font-weight: 600;　数字指定は知りませんでした。

数値で指定
100、200、300、400、500、600、700、800、900でフォントの太さを指定します。太さが9種類用意されているフォントはあまりないため、数値を上下させても太さが変化しないことがあります。標準の太さは400で、数値が小さくなるほど細く、大きくなるほど太くなります。
キーワードで指定
normal …… 標準の太さです。（数値で400を指定した場合と同じ）
bold …… 一般的な太字の太さです。（数値で700を指定した場合と同じ）
lighter …… 相対的に一段階細くします。
bolder …… 相対的に一段階太くします。
※「クイックリファレンス」さんより引用させていただきました。