商品メッセージを中央寄せにする
現在、中央揃えにする機能はございませんが、テーマエディターのカスタムCSSを利用することで対応可能です。
本ページでは、商品メッセージを中央寄せにする方法をご紹介します。
アウトプット
アウトプット
デフォルト
中央寄せ
中央寄せにする方法(Dawnテーマ)
中央寄せにする方法(Dawnテーマ)
オンラインストア > テーマ > カスタマイズの順に遷移
テーマエディタの上部中央のセレクトボックスから「ホームページ > 商品 > デフォルトの商品」の順に選択
テーマエディタの左にある商品情報のセクションを選択
カスタムCSSの項目に下記のサンプルコードを入力
.ruffruff-selling-periods__product-message__during-selling-period,.ruffruff-selling-periods__product-message__after-selling-period,.ruffruff-selling-periods__product-message__before-selling-period {
text-align: center !important;
}
画面右上の「保存」をクリック