【Dawn】バリエーションピッカー(ドロップダウン)内の文字の大きさを変更したい

Topic summary

Dawnテーマの商品ページにあるバリエーションピッカー(ドロップダウン)の文字サイズが小さく、顧客にとって見にくい状態になっている。

質問者の課題:

  • ドロップダウン内の文字サイズのみを変更したい
  • 該当箇所にカスタムCSSボタンがなく、コード編集が必要と考えている

回答内容:

  • セクションにカスタムCSS入力欄が用意されており、そこで対応可能
  • ブロック用のカスタムCSS入力欄は存在しない
  • 技術的知識が必要な場合は学習するか、業者への依頼を検討すべき
  • Chromeの開発者ツールを使えば対象のクラスやIDを特定できる
  • カスタムCSSでプレビュー確認しながらフォントサイズ変更が可能

現状:
質問者は技術的知識が乏しく、具体的なコードサンプルを求めているが、回答者は自己学習を推奨。他の回答者からの具体的なコード提示を待っている状態。

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

Dawnの商品ページ内にあるバリエーションピッカー(ドロップダウン)内の文字の大きさのみを変更する方法を知りたいです。現在の表示だと下の写真のように小さく、お客様にとって見にくいサイトとなっております。

どなたか教えていただけますと幸いです。どうぞよろしくお願いいたします。

なお、該当箇所においてカスタムCSSのボタンがないので、

コード編集が必要だと考えております。

該当箇所においてカスタムCSSのボタンがない

セクションにカスタムCSSの入力欄が用意されているのでそちらで対応可能です。

カスタムCSSに入力するとどのようなセレクタが出力されるのかを確認されることをお勧めします。

念のため記載しますが、ブロック用のカスタムCSS入力欄はありません。

[参考] https://help.shopify.com/ja/manual/online-store/themes/theme-structure/extend/add-css#custom-css

カスタムCSSは、テーマの特定のセクションに追加することもできます。

Jizo_Inagaki様

お返事ありがとうございます。

cssの調整が可能であること理解させていただきました。

技術的な知識が乏しく…

どのようなコードを書けば、dawnのバリエーションピッカー(ドロップダウン)内の文字の大きさを変更できるかご教授いただけないでしょうか。

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

確認いただきありがとうございます。

技術的な知識が乏しく

率直に記載させていただきますが、業者に依頼せずご自身で対応したい場合は必要な技術を学んでください。

カスタムCSSを使うのであればプレビューで確認できますし、フォントサイズの変更程度であればすぐに試せます。

以下はChromeでの方法ですが、ブラウザの開発者ツールを使えば対象のクラスやIDが特定できます。

https://support.google.com/campaignmanager/answer/2828688?hl=ja

font-sizeに関しては以下などで詳細を確認できます。

https://developer.mozilla.org/ja/docs/Web/CSS/font-size

以上ですが、記載した内容は私個人の考えに基づいている点をご理解ください。

そのためどうしてもサンプルコードを教えて欲しいという場合は、このまま他の方の回答をお待ちください。他の方なら回答を記載されるかもしれませんので。