商品の説明文の幅を変更したい

[サン]

商品の説明文を「カートに追加する」の枠の幅に揃えたいのです。

入力するとダラダラと横幅いっぱいまで入るので

 

適度なところで改行（エンターで）して揃えていたのですが

フルスクリーンだと綺麗に揃っていますがスマホ用で表示すると改行部分がおかしくなります。

 

 

改行をしなくても横幅の設定をするところがあるのか？

コードをいじらないといけないのか？

どなたか解決策をご存知の方、教えてください。

ちなみにDAWNを使用しています。コード編集などは分からないです。

よろしくお願いいたします。

 

[Roy-ロイ]

商品の説明文を「カートに追加する」の枠の幅に揃えたいとのことですね！

DAWNを使用されているとのことなので、コードを編集する必要はありません。カスタムCSSで調整できます。

手順

1. テーマのカスタマイザーを開く テーマのカスタマイザーは、ダッシュボードの「外観」→「カスタマイズ」から開けます。
2. 「追加CSS」をクリック テーマのカスタマイザーの左側にあるメニューから「追加CSS」をクリックします。
3. CSSコードを貼り付ける 下記のCSSコードを「追加CSS」のテキストエリアに貼り付けます。

.product .product__description {
    max-width: 44rem;
}

 

結果: 

• 

[サン]

ロイ様

ご丁寧にありがとうございます！

無事に解決いたしました。

本当に助かりました。