FROM CACHE - jp_header

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

oyouhukuyasan
観光客
12 1 0

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

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

 

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

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

 

スクリーンショット 2023-07-14 18.23.46.png

3件の返信3

Jizo_Inagaki
Shopify Partner
962 361 686

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

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

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

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

 

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

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

 

 

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。
oyouhukuyasan
観光客
12 1 0

Jizo_Inagaki様

 

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

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

技術的な知識が乏しく…

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

 

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

Jizo_Inagaki
Shopify Partner
962 361 686

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

 

>技術的な知識が乏しく

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

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

 

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

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

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

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

 

 

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

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

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。