問い合わせホームブログを開設する賢威カスタマイズ【賢威7】パンくずリストの文字サイズや色を変えるカスタマイズ賢威7のパンくずリストは、デフォルトだとかなり大きめに設定されています。マウスオーバーした時の色もなんともイマイチです。今回はこの、賢威のパンくずリストのカスタマイズをしてみましょう。まとめ賢威のパンくずリストまず、こちらの点線で囲った部分が「パンくずリスト」です。サイトの中で自分が今どこの階層にいるのか、パンくずリストを見るとすぐ分かるようになっています。賢威に限らず、最近のほとんどのテンプレートには標準で付いている機能です。賢威7のパンくずリストはかなり大きい!このパンくずリストの文字サイズと、マウスオーバーした時の色をカスタマイズしたいと思います。賢威7-パンくずリストのカスタマイズ基本ですが、カスタマイズの際は必ず子テーマを使うようにしてくださいね。base.cssのこの部分になります。#5077A2;}上から一つづつ、何を定義しているかというと...1.breadcrumbs-inはパンくずリスト一番右の文字色と文字サイズ。aはパンくずリストの中でもリンク先が設定されているものの文字色と文字サイズ。TOPとビジネスの実践の箇所ですね。a:focus{の3つはマウスオーバーした時のカラーです。パンくずリストの文字色とサイズを変える実際に文字色とサイズを変更する場合はbase.cssの子テーマに下記のコードを記述します。自分のお好みに合わせて数値を変更してください。フォントサイズの0.9emというのは標準フォントサイズ(10px)に対する倍率で、0.9mはだいたい9pxです。文字色が分からない!という方はこちらを参照してください。下がカスタマイズ後のパンくずリストです。文字サイズを小さくして、文字色を変更しました。見やすいようにカスタマイズしておいてくださいね。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。働いていたバリバリの元キャリアウーマン。残業が月150時間を超える働き方に疑問を持ち、会社に雇われない働き方にシフトする。《週3日だけ働く》をテーマに、PC1で自由な働き方を実現するための情報を発信しています。#週3日本最西端の島、与那国島。