【2分で解説！】パンくずリストの背景色を変更する方法｜【cocoonカスタマイズ⑤】（webサイトの現在地を示すもの）

伝えたいこと

今回はパンくずリストの背景色を変えていきます。

僕のブログは、背景色をデフォルトではない色を選択しています。そのため、デフォルトのパンくずリストのままでは、以下の写真のようにパンくずリストが目立ってしまい、少しカッコわるいです。

そこで、パンくずリストの背景色を変えてみようと思います！

「外観」→「カスタマイズ」

「追加 CSS」をクリック

以下のコードを追加し、「公開」をクリック
そのまま、以下のコードをコピー＆ペーストすれば背景色が変えられます。

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

#breadcrumb {
  background-color: #f4f6f3;
}

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

background-color: #f4f6f3;

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