中級向け・HTML/CSSの編集

ショップ機能プルダウンの文字サイズ

このページでは、ショップ機能のバリエーション設定箇所、プルダウンの文字調整に関するCSSカスタマイズをご紹介します。

 

この内容は、ヘッダー編集が必要です。

はじめての方は、「中級向け・ヘッダー編集」を参考にしてください。

 

調整前

調整後

設定方法

「管理メニュー」→「基本設定」→「ヘッダー編集」

 

<style>

ここにCSSを記述します。

</style>


▼以下、コピペしてご使用ください。

 

<style>

.j-product select{font-size:14px;}

</style>

 

 

※他のCSSの記述がある場合は、<style></style>の中にcssのみコピペします。

※.j-productは、商品かご箇所のclassです。


font-sizeは、サンプルでは14pxにしていますが、他とのバランスをみて、数字を設定しましょう。