カラーミー内の商品ページ表示に付きまして

Question

いつもお世話になっております。
今回はカラーミー内の商品ページの商品詳細の表示についてお尋ねいたします。
ＨＰビルダーで商品説明を作製してカラーミーにタグを貼り付けますが、
改行時の行間の空白が非常に目立ちます。
商品ページはこちらです。https://hanatuduki.shop-pro.jp/?pid=135578239
また添付下画像の部分の空白（四角で囲った部分）も気になります。
ビルダーで確認してみましても、普通に表示されますが、
カラーミーへ転写すると空白が出てしまいます。
どこを修正すれば宜しいでしょうか？###HR######IMG05a4244c4f5f965ac953abad40dbc7ce9.jpegIMG0###

Answer

ECマスターズの清水です。

カラーミーショップの設定にて
商品説明の自動改行にチェックされておりませんでしょうか？

設定箇所は、以下のマニュアルをご覧ください。

https://shop-pro.jp/manual/shop_env

チェックをはずした上で、ホームページビルダーより
コピー＆ペーストしてご確認いただけますでしょうか。

> また添付下画像の部分の空白（四角で囲った部分）も気になります。

こちらも上記の設定が影響しているようです。

改行を手作業で修正される場合は、のタグが連続されていると
改行として表示されますので、重複しているを削除してください。

Answer

清水様
ご回答有難う御座いました。
自動改行のチェックをはずしましたら普通に表示されました。有難う御座います。

もう一点お伺いしたいのですが、

　カートボタンの下の
・この商品を友達に教える
・この商品について問い合わせる
・買い物を続ける

こちらをデザインレシピの楽天のようにお気に入りボタンを好きな画像で
表示させることは可能でしょうか？

ご回答は急いでおりませんので、よろしくお願いいたします。###HR######IMG0d6a7e448871fb8eba446fae188d90927.jpegIMG0######BR###

Answer

ECマスターズの田中です。

下記のスタイルシートを、
ページに適用していただきますようお願いします。

= この下の行から ====================
.product_area_right > .product_related_lists li a {
    display: block;
    overflow: hidden;
    text-indent: -100%;
}

.product_area_right > .product_related_lists li a[href*="mode=teach"] { /* 「この商品を友達に教える」用 */
    width: 横幅px;
    height: 高さpx;
    background: url(画像URL);
}

.product_area_right > .product_related_lists li a[href*="mode=inq"] { /* 「この商品について問い合わせる」用 */
    width: 横幅px;
    height: 高さpx;
    background: url(画像URL);
}

.product_area_right > .product_related_lists li a[href*="mode=cate"] { /* 「買い物を続ける」用 */
    width: 横幅px;
    height: 高さpx;
    background: url(画像URL);
}
= この上の行まで ====================
※横幅・高さは実際の半角数字に、画像URLは実際のURLに変更してご利用ください。

Answer

田中様

ご回答ありがとうございます。
後ほど試してみます。

ありがとうございました。