【THE SONIC】パンくずリストに背景色をつけるカスタマイズ

バビ
バビ

ごきげんよう。バビです。

ヘッダーを白くするのにハマってるんですが、それだと上部がちょっと地味になってしまうので、パンくずリストに色を付けてみました。

デザインのアクセントになるかなと思います。

完成サンプル

完成サンプルはこんな感じです。

PC

THE SONICパンくずリストカスタマイズPCサンプル

スマホ

THE SONICパンくずリストカスタマイズスマホサンプル

CSS

以下のCSSをコピペして貼り付けるだけです。

/*--------------------------------------
  パンくずリスト
--------------------------------------*/
.breadcrumb a{
background: #e7ff00;/*背景の色*/
color:#555;/*文字色*/
border-radius:10px;/*角を丸くする*/
padding:2px 10px;/*内側の余白*/
font-weight:bold;/*文字を太く*/
font-size:.7em;/*文字サイズを小さく*/
}

外観テーマの編集(子テーマの)「style.css」に貼り付けます。

バビ
バビ

お好きな色に変えて使用してください。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です