Dawn 購入手続きへボタンの色変更

Topic summary

Dawnテーマで「ご購入手続きへ」と「配送方法の選択へ進む」ボタンの色変更方法についての質問。

問題点:

  • 質問者は「カートに入れる」ボタンの色変更には成功したが、購入手続き関連のボタンは正しいクラス名が分からず反映されなかった

解決方法:
回答者がDawn 11.0.0を基に2つの変更手順を提供:

  1. 「ご購入手続きへ」ボタン:

    • 管理画面 > テーマ > カスタマイズ > テーマ設定 > カスタムCSS
    • 以下のCSSコードを追加:
    #cart-notification-form button {
      background: #0000ff;
      color: #ffffff;
    }
    
  2. 「配送方法の選択へ進む」ボタン:

    • 同じくカスタムCSSから、ボタンカラーエリアで色を変更

結果:
質問者は提供された方法で問題を解決し、感謝の意を表明。スクリーンショット付きの詳細な手順が効果的だった。

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.

「ご購入手続きへ」や「配送方法の選択へ進む」のボタンの色変更をしたく

Classなど検証で調べてみたのですが、Classが間違っているようで上手く反映されませんでした。

「カートに入れる」の変更は成功しました。

ご教示頂けると助かります。よろしくお願いします。

@jcco

ご質問いただいている、Dawnのバージョンが不明なため、最新版のDawn11.0.0を元に回答させて頂きます。

「ご購入手続きへ」ボタンのボタン色の変更方法1. 管理画面 > オンラインストア > テーマ > カスタマイズボタンをクリック

  1. テーマ設定(歯車マーク)をクリック

  2. カスタムCSSをクリック

  3. カスタムCSSに以下CSSを追加し保存をクリック

#cart-notification-form button {
  background: #ff0000;
  color:#ffffff;
}

### 「配送方法の選択へ進む」ボタンのボタン色の変更方法1. 管理画面 > オンラインストア > テーマ > カスタマイズボタンをクリック

  1. テーマ設定(歯車マーク)をクリック

  2. チェックアウトをクリック

  3. 色のボタンエリアでボタン色を変更し保存するをクリック

ご参考まで
(キュー小坂)

すぐに変更出来ました。

丁寧にご回答頂きましてありがとうございました。