レイアウトテンプレートについて

Question

お世話様です。

天然石チャームページ　
商品番号 2100 にて
テンプレートＣを設定しておりますが、

商品名が、じゃまをしているような感じで
ＰＣ商品説明文と商品画像の間が空白で5ｃｍ位開いてしまいます。
この間の空白スペースをなくすことはできますか？

宜しくお願い致します。

Answer

空白スペースが発生しているのは、

　・商品画像・キャッチコピー・商品名などを含む、左側全体の幅
　・「商品到着後レビューを書いてプレゼント実施中！」の画像の幅

以上、２つの幅が広すぎることが原因なので、
それぞれを縮めれば、空白を詰めることができます。

最初に、左側全体の幅を狭めるには、
以下の記述をページ内に追加していただきます。

===== これより下から ================

/* テンプレートCの横幅を詰める */
#pagebody > table > tbody > tr > td > table:nth-child(2) > tbody > tr > td > table > tbody > tr:nth-child(2) > td:nth-child(3) > table:nth-child(2) > tbody > tr > td > table:nth-child(4) > tbody > tr > td:nth-child(1) { width: 300px; }

===== これより上まで ================
※注意：
レイアウトが崩れる恐れがありますので、
このタグはテンプレートCの商品ページだけにご利用ください。
（例）
・テンプレートC用のヘッダー・フッター・レフトナビ、もしくは共通説明文（大）を作成し、その中に追加する
・テンプレートCを使う商品のPC用販売説明文に追加する

さらに空白を詰める場合は、
「商品到着後レビューを書いてプレゼント実施中！」の画像より
さらに横幅の狭い画像をご用意いただき、
共通説明文（大）の中にある、以下の記述をご変更ください。

===== これより下から ================
span.unit { background: url(旧画像ファイルのURL) no-repeat left top; text-indent: -9999; display: block; width: 366px; height: 161px; }
↓
span.unit { background: url(新画像ファイルのURL) no-repeat left top; text-indent: -9999; display: block; width: 新画像ファイルの横幅(px単位); height: 新画像ファイルの縦幅(px単位); }
===== これより上まで ================

新画像ファイルを横幅300pxまで詰めると、
空白を最大限まで詰めることができます。

Answer

ありがとうございました。
お手数お掛けしました。