カテゴリページ　パンくずリストカスタマイズについて

Question

よろしくお願いします。

PCのページでパンくずリストを見やすくと思いまして探したところ、下記の通りのｃｓｓが見つかり、共通説明文(大）へ以下を貼り付けました。

例えば、https://item.rakuten.co.jp/koff-j/c/0000000229/　のページで言いますと

・カテゴリ＞宝石
のところのグレー枠線が短いです。100％にしたいです。

・下位カテゴリがの無いところにグレーの四角が出てしまいます。グレーを消したいです。

いろいろいじったのですが、おかしくなってしまい元のに戻したのですが、どこを修正すればよいでしょうか？
申し訳ございませんが教えてください。

Answer

ECマスターズの田中です。

> ・カテゴリ＞宝石
> のところのグレー枠線が短いです。100％にしたいです。

td.breadcrumbs_list への規則にある
width:710px;
を、
width:844px;
box-sizing: boder-box;
以上２行に差し替えていただきますようお願いします。

> ・下位カテゴリがの無いところにグレーの四角が出てしまいます。グレーを消したいです。

商品ページ向けに記載されている
/* 商品ページ『パンくず』カスタマイズ */
のCSSの影響を受けていることが原因です。

下記スタイルシート規則を追加して、カスタマイズを回避していただければ結構です。
td.sdtext[width="33%"] {background:transparent;border:none;}

カテゴリページ パンくずリストカスタマイズについて

カテゴリページ　パンくずリストカスタマイズについて