【クリエイターモード】テンプレート&moreで「カートにいれる」ボタンの色を変更する方法を教えてください。

テンプレート&moreでは、「カートに入れる」ボタンに青系のグラデーションが設定されています。
マウスを乗せると半透明の黒がアニメーションで重なり、色が少し濃く見えるデザインになっています。
CSSを編集することで、色の変更が可能です。

ショップデザイン / テンプレート選択・編集 / クリエイターモード / 全ページ共通「CSS」

入力欄内に一度カーソルを置いた状態でキーボードのCtrlとFキーを同時に押し、表示される検索窓に

cart-btn

と入力（コピー＆ペースト）し、キーボードのEnterキーを押して以下の記述を見つけてください。 

.cart-btn {
  background-color: #23abdd;
  background-image: linear-gradient(289deg, #23abdd 0%, #39bae9 100%);
}

このカラーコード：#23abdd と #39bae9 を変更してください。

linear-gradient（リニアグラデーション）は、2色以上の色を直線的にゆるやかに変化させる背景を作るCSSです。

• 方向（to right, to bottom, 45deg ）のように、方向や角度の指定が可能です。

• 色の数や割合（red 0%, blue 100% ）のように、開始・終了位置と色の指定が可能です。

「CSSグラデーションジェネレーター」でGoogle検索すると、CSS作成ツールを紹介するページが見つかります。
ツールを使用することで、簡易にCSSを作成することができます。

＜１色にする場合＞

グラデーションではなく、１色で指定する場合は

 background-image: linear-gradient(289deg, #23abdd 0%, #39bae9 100%);

の行を削除し、１色で指定してください。

＜削除後＞

.cart-btn {
  background-color: #23abdd;
}