会社概要のページのホームボタン

Question

1・ホームボタンのアイコンはダウンロードして、GOLDにアップロードしました。
２．
.c-spCompanyNavs > li {
width: 20%;
background: #ffffff;
}
.c-spCompanyNav__info.active {
background-image: url(https://www.rakuten.ne.jp/gold/aconcagua//icon_info_active@2x.png);
}
.c-spCompanyNav__info {
background-image: url(https://www.rakuten.ne.jp/gold/aconcagua//icon_info_active@2x.png);
background: url(https://www.rakuten.ne.jp/gold/aconcagua//icon_info@2x.png) no-repeat;
}
.c-spCompanyNavhome {
width: 36px;
height: 51px;
background-color: #ffffff;
background: url(https://www.rakuten.ne.jp/gold/aconcagua//home@2x.png) no-repeat;
background-size: 36px 34px !important;
background-position: center 12px !important;
display: block;
transform: translate3d(0, 0, 0);
}



会社概要のページの説明文４の本文に貼り付け　ましたが、　ボタンが出ません。
昨夜から数度、　同じことを繰り返しているだけなので、　間違いの修正ができていません。
どこが違っているのでしょうか?
お手数をおかけして申し訳ありません。

Answer

ECマスターズの山岡です。

URLですが、
https://www.rakuten.ne.jp/gold/aconcagua//home@2x.png
↓
https://www.rakuten.ne.jp/gold/aconcagua/home@2x.png

//が重複しているようです。
そのほか、
icon_info_active@2x.png
icon_info@2x.png
こちらの画像も、デザインレシピよりダウンロードしていただき
楽天GOLDにアップをお願いします。

Answer

素早いお返事ありがとうございます。
私の会社概要のページが　もともと違うようなのです。
上のほうがこうなっています。###HR######IMG07d59075f85fb2fc597491e14aca2603d.pngIMG0######BR###

Answer

ECマスターズの伊藤です。

> 私の会社概要のページが　もともと違うようなのです。
> 上のほうがこうなっています。

画像を確認させていただきました。
デザインレシピにてご紹介している内容は
スマートフォン用のものとなりますので、スマートフォンにてご確認くださいませ。

私の方で確認させていただいたところ、問題なく設定できておりました。

Answer

スマホページでしたか。昨夜から悪戦苦闘しておりました。
これで解決です。ありgs等ございました。

最初に」//  とダブっていたのは無理もないのです。

.c-spCompanyNavs > li {
width: 20%;
background: #ffffff;
}
.c-spCompanyNav__info.active {
background-image: url([楽天GOLDのパス]/icon_info_active@2x.png);
}
.c-spCompanyNav__info {
background-image: url([楽天GOLDのパス]/icon_info_active@2x.png);
background: url([楽天GOLDのパス]/icon_info@2x.png) no-repeat;
}
.c-spCompanyNavhome {
width: 36px;
height: 51px;
background-color: #ffffff;
background: url([楽天GOLDのパス]/home@2x.png) no-repeat;
background-size: 36px 34px !important;
background-position: center 12px !important;
の［楽天GOLDのパス］だけを入れ替えると　後ろの/ が残っているので　// となるのです。

Answer

ECマスターズの田中です。

無事反映していただけて何よりです。

> 最初に」// とダブっていたのは無理もないのです。
> （中略）
> の［楽天GOLDのパス］だけを入れ替えると　後ろの/ が残っているので　// となるのです。

失礼いたしました、
/ の重複が起こらないよう、デザインレシピを修正させていただきました。