スマホページのカテゴリー一覧バナー表示について

Question

いつもお世話になります。
本日、清水さんの公開コンサルティングで紹介のあった
「スマホページのカテゴリー一覧をバナーで表示」方法はどのように設定すればよろしいでしょうか？

https://item.rakuten.co.jp/netbaby/c/

Answer

ECマスターズの田中です。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

NetBabyWorldさんのショップでは、
スマートフォン用カテゴリページで
https://www.rakuten.ne.jp/gold/netbaby/css/1603/sp_category_baby_i.css
上記外部CSSファイルを読み込ませ、
同ファイルの４〜３６行目、および１４７〜２６８行目の記述により
バナーのような表示を実現しております。

JITENSYAさんのショップでも、
同様のCSSを、たとえば、カテゴリページ共通説明文の

直下のタグで読み込まれているCSSファイルに
追記していただくなどして、
ページに適用させることで、バナーのような表示を実現していただくことができます。

Answer

早々に回答いただきありがとうございます。

作業として
1.カテゴリページ共通説明文にCSSを追記する
2.上記ショップCSSの４〜３６行目、および１４７〜２６８行目の記述

そのあとですが
-----------------------------------------------------

直下のタグで読み込まれているCSSファイルに追記
-----------------------------------------------------

これは具体的にどういう作業・記述をすれば良いのでしょうか？
CSSをあまり理解できてないのですが、回答よろしくおねがいします。

Answer

ECマスターズの田中です。

最初に、カテゴリページ共通説明文の

の直下をご確認いただくと、



というタグが記載されていることがおわかりいただけるかと思います。

このタグは、別のファイルとして保存されたスタイルシートを
現在のページに読み込む役割を持っており、
読み込むファイルとして
https://www.rakuten.ne.jp/gold/中略/niretu-style.css
が指定されております。

「niretu-style.css」に記載されたスタイルシートは
すべてカテゴリページに読み込まれますので、
この「niretu-style.css」の中に４〜３６行目、および１４７〜２６８行目の記述を
追記していただきたい、
というのが、先の回答にて、具体的に作業していただきたい内容となっております。

Answer

ありがとうございます。
「自店舗のCSSファィルに記述が必要」という事だったのですね、理解出来てませんでした。
CSSファイルの確認を行ってみたいと思います。

Answer

度々の質問となります。
参考店舗のカテゴリー表示仕様をそのまま使ってみましたが
・バナーの色
・文字の色
・フォンドの大きさ
等はCSSのどの箇所を変更すれば良いのでしょうか

Answer

ECマスターズの田中です。

作成された「niretu-style.css」冒頭の設定をご変更ください。

バナーの色は「カテゴリ枠線 (太さ/線の種類/カラー) 」のすぐ下にあるbackground、
文字の色は、２つ目の「カテゴリ文字カラー」の直下のcolorを変更して、
フォントの大きさは、２つ目の「カテゴリ文字カラー」の直下にfont-sizeを追記してご変更ください。
http://www.htmq.com/style/font-size.shtml