商品説明文の文字のズレ
お世話になります。
商品説明文に商品関連、商品説明文サブ1に発送関連の文を入れて作成しています。
商品ページでの表示が説明文とサブ1のエリアで１文字分ズレてしまいますが、表示を合わせる事はで可能でしょうか？
よろしくお願い致します。
商品説明文と、商品説明文サブ1等の表示は以下の方法で調整してください。
1. 拡張設定 > デザイン設定 > [適用中]テンプレート の「CSS」をクリック
2. 「design.css」の編集(えんぴつアイコン)をクリック
3. 以下のいずれかの記述を変更
※ご利用中のデザインテンプレートによって異なります。
.item_detail .item_small_info_block .item_textinfo_block, /* 商品詳細 商品テキスト情報ペイン */
.item_detail .item_explain .item_explain_val { /* 商品詳細 説明本文 */
margin: 8px;
}
↓ 「.item_explain」を削除
.item_detail .item_small_info_block .item_textinfo_block, /* 商品詳細 商品テキスト情報ペイン */
.item_detail .item_explain_val { /* 商品詳細 説明本文 */
margin: 8px;
}
この記述が無い場合は以下を変更してください
.item_detail .item_explain, /* 商品詳細 商品説明ペイン */
.pane_detail_body .free_area_for_detail { /* 商品詳細 商品説明下部用 フリーエリア */
padding: 0 14px 8px 16px;
}
↓ 「.item_detail .item_explain,」を削除
.pane_detail_body .free_area_for_detail { /* 商品詳細 商品説明下部用 フリーエリア */
padding: 0 14px 8px 16px;
}
以上で、商品説明文と商品説明文サブ1の右側が揃います。
変更を保存した後、ショップページを更新して表示をご確認ください。
(変更が反映されない場合は「Ctrl＋F5」キー等でキャッシュをクリアしてご確認ください)