PC のお買い物かご周りのカスタマイズにつきまして

Question

いつも大変お世話になっております。

この度、楽天市場の PC ページにてお買い物かごのカスタマイズをしております。

昨日、商品ページのお問い合わせリンクとレビューを書くリンクの間の空白を埋める方法をお伺いしたのですが、解決した後に抱いた疑問です。

お問い合わせリンクとレビューを書くリンクの間の空白をCSS で指定して埋めても、画像1の様にそれでも多少の空白が出来ますが、これは楽天市場の仕様によるものでこれ以上空白をなくす事は出来ないという理解で良いでしょうか？

また、組み合わせ販売設定をしている場合も同様に(画像2参照)多少の空白が出来ますが、これを指定で変える事は可能なのでしょうか？

以下、現在設定している CSS となります。

お手数をお掛け致しますが、ご回答の程お願い申し上げます。

-----ヘッダー・フッター・レフトナビに-----



/* お問い合わせの間の空白消しとカート周りのマウスオーバー設定 */

#rakutenLimitedId_aroundCart #serviceTableSml td {
    height: 0 !important;
}

#rakutenLimitedId_aroundCart #serviceTableSml .review:hover {
opacity: 0.6;
filter: alpha(opacity=60);

}





-----以下、共通説明文(大)に-----



td.favorite::before {
    display: block;
    content: "";
    width: 490px;
    height: 200px;
    background: url(弊社画像) left bottom no-repeat;
}

body div.bookmarkArea {
padding-left: 0 !important;
}

body div.bkm{
width: 242px !important;
height: 90px !important;
padding-right: 5px !important;
}

body div.bookmarkArea div.bkm a.addBkm span.bkmStar {
display:inline-block !important;
width: 242px !important;
height: 80px !important;
background: url("弊社画像") no-repeat !important;
}

#rakutenLimitedId_aroundCart div.bkm {
float: left;
padding-bottom: 0 !important;
}



#rakutenLimitedId_aroundCart div.shopBkm {
float: left;
}

body #rakutenLimitedId_aroundCart div.shopBkm {
width: 242px !important;
height: 90px !important;
padding-left: 5px !important;
}

body div.shopBookmarkArea div.shopBkm a.addShopBkm span.shopBkmStar {
display:inline-block !important;
width: 242px !important;
height: 80px !important;
background: url("弊社画像") no-repeat !important;
}

#rakutenLimitedId_aroundCart font input {
width: 490px !important;
height: 55px !important;
background: url("弊社画像") no-repeat !important;
overflow:hidden;
border-width: 0px;
cursor: pointer;
display:block;
text-indent:150%;
margin: 0 !important;
}

body #rakutenLimitedId_aroundCart button.rAskBtn {
width: 490px !important;
height: 55px !important;
background: url("弊社画像") no-repeat !important;
overflow:hidden !important;
border-width: 0px !important;
cursor: pointer !important;
display:block !important;
text-indent:-9999px !important;
margin: 0 !important;
}





/* 「レビューを書く」のリンクを独自画像に */
#rakutenLimitedId_aroundCart #serviceTableSml .review a.write{
    text-indent:-9999px;
    padding:0!important;
    display:block;
    width:490px!important;
    height:330px!important;
    background:url(弊社画像) no-repeat 0 0!important;
}
###HR######IMG01a1ae12c353dc93191230dba2ed1f7e9.jpegIMG0### ###IMG188ad48310eee272c6b03ef467eea1061.jpegIMG1###

Answer

ECマスターズの土屋です。

頂いた質問に関しまして
ご回答までお時間頂ますようよろしくお願いします。

Answer

ECマスターズの土屋です。

ご返信が遅くなり申し訳ございません。

こちらに関しまして
お手数をおかけしますが
2枚目に頂いたキャプチャのURLを送っていただく事は可能でしょうか。

どうぞよろしくお願いします。

Answer

いつも大変お世話になっております。

お忙しい中ご対応頂き、誠に有難う御座います。

お送りしたキャプチャのURL は下記の通りとなります。
https://item.rakuten.co.jp/balance1japan/b07bpzzr1n/

お手数をお掛け致しますが、ご確認の程お願い申し上げます。

Answer

ECマスターズの土屋です。

>お忙しい中ご対応頂き、誠に有難う御座います。

とんでもないことでございます。

>お送りしたキャプチャのURL は下記の通りとなります。

キャプチャのご協力誠にありがとうございます。

先程ご質問で頂いた
>お問い合わせリンクとレビューを書くリンクの間の空白をCSS で指定して埋めても、画像1の様にそれでも多少の空白が出来ますが、これは楽天市場の仕様によるものでこれ以上空白をなくす事は出来ないという理解で良いでしょうか？

に関しましては
下記のCSSをヘッダー・フッター・レフトナビに
反映して頂けますと余白を詰めることができます。
#rakutenLimitedId_aroundCart #serviceTableSml .review {
    padding: 0 0 4px 1px !important;
}

>また、組み合わせ販売設定をしている場合も同様に(画像2参照)多少の空白が出来ますが、これを指定で変える事は可能なのでしょうか？

こちらに関しましても下記のソースコードで
ご対応が可能です。

.bto-bundle-set {
    padding-bottom: 0 !important;
}

よろしければこちらの
ソースコードをご利用下さいませ。

どうぞよろしくお願いします。

Answer

いつも大変お世話になっております。

ご返信有難う御座います。

無事に導入する事が出来ました。

お忙しい中ご対応下さり感謝申し上げます。

逆に空白を空けたい場合は

#rakutenLimitedId_aroundCart #serviceTableSml .review {
padding: 10px 0 4px 1px !important;
}

や

.bto-bundle-set {
padding-bottom: 10px !important;
}

みたいに数値を変えれば問題無いでしょうか？

何度も質問してしまい誠に申し訳御座いません。

何卒宜しくお願い申し上げます。

Answer

ECマスターズの土屋です。

>みたいに数値を変えれば問題無いでしょうか？

ご認識の通り、
その様に値を変更することで逆に空白を作ることが可能です。

無事導入できて何よりです。

Answer

いつも大変お世話になっております。

ご返信有難う御座います。

色々とお助け頂き、大変感謝しております。

以上で解決とさせて頂きます。

また不明な点があれば質問させて頂きます。

今後とも宜しくお願い申し上げます。