Dawnの商品ページ内にあるバリエーションピッカー(ドロップダウン)内の文字の大きさのみを変更する方法を知りたいです。現在の表示だと下の写真のように小さく、お客様にとって見にくいサイトとなっております。
どなたか教えていただけますと幸いです。どうぞよろしくお願いいたします。
なお、該当箇所においてカスタムCSSのボタンがないので、
コード編集が必要だと考えております。
Dawnテーマの商品ページにあるバリエーションピッカー(ドロップダウン)の文字サイズが小さく、顧客にとって見にくい状態になっている。
質問者の課題:
回答内容:
現状:
質問者は技術的知識が乏しく、具体的なコードサンプルを求めているが、回答者は自己学習を推奨。他の回答者からの具体的なコード提示を待っている状態。
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
以上ですが、記載した内容は私個人の考えに基づいている点をご理解ください。
そのためどうしてもサンプルコードを教えて欲しいという場合は、このまま他の方の回答をお待ちください。他の方なら回答を記載されるかもしれませんので。