[戻る]
No.4337

商品説明文の文字のズレ

キャラアイコン retoroさん 投稿日:2020/04/25(Sat) 17:51

お世話になります。
商品説明文に商品関連、商品説明文サブ1に発送関連の文を入れて作成しています。
商品ページでの表示が説明文とサブ1のエリアで1文字分ズレてしまいますが、表示を合わせる事はで可能でしょうか?
よろしくお願い致します。

key
No.4342

Re: 商品説明文の文字のズレ

キャラアイコン おたすけマイショップさん 投稿日:2020/04/27(Mon) 13:45 home

商品説明文と、商品説明文サブ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」キー等でキャッシュをクリアしてご確認ください)

key

返信
*おなまえ アイコン [sample]
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)
*画像認証 投稿キー

無料で本格的なネットショップ開業できるのは『イージーマイショップ』

- YY-BOARD -