HTML　レフトナビ

Question

ヘッダー・フッター・レフトナビですが、今まで編集が出来たのですが出来なくなりました。
こちらの質問をする際の
【楽天の仕様変更により
デザインレシピ「楽天標準のようなショップ内検索窓を表示させる方法」 部分がエラーとなるため、一部、仕様変更を行いました。】
を確認しました。
商品ページ内レフトナビが更新できたのですが…現在のページで見ると

1.虫眼鏡部分がずれてしまいます。

2.できれば色を変えたいです。

どうすればよいでしょうか？
よろしくお願いします。

Answer

ECマスターズの菅原です。

いただいたご質問につきまして
お調べした上で回答させていただきますので
恐れ入りますが、ご回答までお時間いただけますと幸いです。

どうぞ宜しくお願い致します。

Answer

ECマスターズの伊藤です。

ご回答遅くなりまして申し訳ございません。

> 1.虫眼鏡部分がずれてしまいます。

margin:0 0 0 -3px;
となっている箇所を探していただき
margin:0 0 0 -9px;
に修正をお願いします。

> 2.できれば色を変えたいです。

#bf0000
となっている箇所を、ご希望の色に変更をお願いいたします。

色のコードが不明な場合は、
下記サイトをご確認ください。

https://www.colordic.org/

Answer

ありがとうございます。
配置と色変更が出来ました！
あとすみませんが、虫眼鏡の…画像？のカラーを検索窓に合わせた色に変更するとかは出来ますでしょうか？
よろしくお願いします。

Answer

ECマスターズの田中です。

> 虫眼鏡の…画像？のカラーを検索窓に合わせた色に変更するとかは出来ますでしょうか？

残念ながら、こちらは
https://www.rakuten.co.jp/com/img/home/itempage/haeder_sprite.png
上記画像ファイルの虫眼鏡の部分を切り抜いて表示しており、
色を変更する、という処理は困難となっております。

どうしても色味をあわせたい場合は、
別途、表示用の画像ファイルをご用意いただく必要がございます。

HTML レフトナビ

HTML　レフトナビ