【Cocoon】パンくずリストのカテゴリ・記事アイコンを非表示にするカスタマイズ(コピペOK)

トモヒコ
トモヒコ

こんにちは、ぶろぐらしのライター兼管理人のトモヒコです!

Cocoonのパンくずリストには、ホーム・カテゴリ・記事タイトルの前にアイコンが表示されます。(デフォルト設定だと記事タイトルは含まれません)

ホームアイコンは表示しておきたいのですが、個人的にその他のアイコンはちょっとくどく見えてしまうため表示させたくありません。

そんなときはCSSで非表示するのが手っ取り早いです。

具体的なカスタマイズ方法は、下記のコードを子テーマのスタイルシート、もしくは追加CSSにコピペすればOKです。

/*パンくずリスト カテゴリ・記事タイトルアイコン 非表示*/
.breadcrumb-item > span.fa-folder,
.breadcrumb-item > span.fa-file-o {
  display: none; /*非表示*/
}

ちなみに「fa-folder」はカテゴリアイコンで、「fa-file-o」は記事タイトルアイコンです。

なのでカテゴリアイコンのみ非表示にしたい場合は下記のコードになります。

/*パンくずリスト カテゴリアイコン 非表示*/
.breadcrumb-item > span.fa-folder {
  display: none; /*非表示*/
}

反対に、記事タイトルアイコンのみ非表示したい場合はこちらです。

/*パンくずリスト 記事タイトルアイコン 非表示*/
.breadcrumb-item > span.fa-file-o {
  display: none; /*非表示*/
}

コメント

スポンサーリンク
タイトルとURLをコピーしました