カートのフォントサイズ

[hiken3]

——————————————-
WordPress のバージョン：4.9.1
Welcart のバージョン：1.97
Welcart専用の拡張プラグイン：なし
ご利用のテーマ：MetroStyle
症状を確認したブラウザ：Chrome
サーバー：カゴヤジャパン
SSLの利用：なし
WordPress のパーマリンク設定：？
——————————————–
長期にわたりお世話になっております。ありがとうございます。
カートの個人情報（メール・氏名など）を入力するテキストボックスのフォントを大きくする方法を教えてください。

[ohnishi]

こんにちは

Google などに付属している「要素検証」などを利用することで、
変更したいセレクタ（テキストボックス）に対し、どのようなスタイルが適用されているかを確認することができます。
確認後、お使いのテーマ内のスタイルシートにスタイルを追記することで
フォントサイズを変更することが可能かと思われます。
※CSS の知識が必要となります。

どうぞよろしくお願いいたします。

[hiken3]

アドバイスありがとうございます。
Googleの「要素検証」を使い、下記のfont-size:100%;を200%にしましたら、フォントが大きくなり、style.cssの該当箇所を編集して保存し試しましたが、フォントサイズの変更には至りませんでした。50pxなどと固定値にしてみましたが、変更には至りませんでした。
/************************
* Forms
************************/

input[type=text],
input[type=email],
input[type=password],
textarea
{
background:#f7f7f7;
background-color:rgba(0,0,0,0.03);
border:0px;
padding:6px 10px;
margin:0;
font-size:100%;/* ここを変更 */

border:1px solid transparent;
border-top-color:rgba(0,0,0,0.07);

border-radius:0px;

-webkit-appearance: none;
-moz-appearance: none;
}

[hiken3]

カートの個人情報記入のTextBoxのフォントが小さい様子を添付いたします。
アドバイスをよろしくお願いいたします。

Attachments:

You must be logged in to view attached files.

[ohnishi]

スタイル適用後、お客様情報ページのテキストボックスに対し「要素検証」を行った際、
追記したスタイルは適用されていますか。

また他のセレクタなどでスタイルが指定されており、
追記したスタイルが弱くなってしまっているという事はないでしょうか。

※ブラウザキャッシュも削除し、確認してみてください。

[hiken3]

アドバイスありがとうございます。
CSSファイルはエディターで修正し、再確認もいたしております。
custum.cssを利用していますので、そちらの影響があるかも知れませんので、そちらを一旦削除して確かめて、また、ご報告させていただきます。

＞追記したスタイルは適用されていますか。
＞また他のセレクタなどでスタイルが指定されており、
＞追記したスタイルが弱くなってしまっているという事はないでしょうか。
＞※ブラウザキャッシュも削除し、確認してみてください

[hiken3]

custum.cssを利用していますので,それに下記を追記しましたら、カートのお客様情報のフォントサイズが大きくなりました。

/* usces_cart.css */
#customer-info td {
font-size: 12px; /* 11を変更*/
line-height: 150%;
color: #4c4c4c;
border: 1px solid #e6e6e6;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}

[投稿者]

投稿