商品ページのボタンの色を変えたい

[mira0]

テーマDawnにて、商品ページのオプションボタンと、購入ボタンのカラーを、左から右にかけて黒→グレーというようにグラデーションにしたいのと、ボタンの横幅を長く設定したいです。デフォルトの設定でも可能でしょうか？もしコード編集など必要でしたら、どこのファイルに何のコードを足したら良いのかなどの例を教えていただきたいです。

[株式会社フルバランス]

Ju6 様

お世話になっております。

フルバランスの道家と申します。

ご質問確認しました。

以下でお試しいただけますと幸いです。

コード編集 > main-product.liquid > 以下のコードを加えてみてください。

  <style>
    fieldset > label {
      background-image: linear-gradient(90deg, rgba(211, 211, 211, 1), rgba(0, 0, 0, 1));
    }
    .shopify-payment-button__button {
      background-image: linear-gradient(90deg, rgba(211, 211, 211, 1), rgba(0, 0, 0, 1));
      width: 500px;
    }
  </style>

 

なにかヒントになれば幸いです。

私たちの励みにもなりますので、

お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

フルバランス　道家