【2分で読める！】サイドバーのボックスメニューの背景色を変更する方法（CSSのコピペでOK）｜【cocoonカスタマイズ⑥】

伝えたいこと

今回もサイドバーのカスタマイズをしていきます。現在、僕のブログのサイドバーは以下の写真のように背景色が真っ白でブログに馴染んでいません。そこで、サイドバーのメニューの背景色を変更していこうと思います。

「外観」→「カスタマイズ」とクリック

「追加 CSS」をクリック

ここに以下のコードを追加
コピー&ペーストで構いません。

.box-menu{
background: #f4f6f3;
}

#f4f6f3 がカラーコードです。ここをあなたの好きな色に変更してください！

その後、上の「公開」ボタンを押せば変更完了！

編集ページの「公開」ボタンの隣にある、「表示マーク」をクリックし、「新しいタブでプレビュー」をクリックします。別ウィンドウで立ち上がる新たなページで変更を確認してください。変更が確認できました！

.box-menu{
background: #f4f6f3;
}

これは背景色を選択するコードです。#f4f6f3が色を表す部分です。ここを自分の好きなカラーコードにしてください。