2016-04-23 2 views
-1

私は問題のないほとんどの連絡フォームにスタイルを設定しましたが、この最後の小さなテキストの色の変更は私を困惑させました。お問い合わせフォーム7 - 頑固なチェックボックステキストの色 - 顕著なテーマ

基本的に、チェックボックスのテキストは、リンクにも使用される「主要なサリエントテーマアクセントの色」を継承しているようです。チェックボックスのテキストは緑で、灰色にします。

ページ:http://amzoptimized.com/order-form/

スプレッドシートの追加(下のダウンかなり散らかっ取得):

.wpcf7-submit { 
font-size:16px !important; 
padding:10px 20px 10px 20px !important; 
background-color:#A3CB2A !important; 
font-weight:500; !important; 
color: white !important; 
} 
.interval { 
font-size:14px !important; 
} 
span.wpcf7-list-item { 
    display: block !important; 
} 
.wpcf7 input[type="text"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="url"], 
.wpcf7 textarea 
{ 
    background-color: #fff; 
    color: #000; 
    font-size: 15px; 
    border: 1px #dedede solid; 
} 
.wpcf7 input[type="checkbox"], 
.wpcf7-checkbox, 
.wpcf7-form-control, 
span.wpcf7-list-item-label, 
.wpcf7-list-item, 
span.wpcf7-list-item, 
.wpcf7-form checkbox, 
.wpcf7-list-item-label { 
    color: #696969 !important; 
} 
.wpcf7-textarea { 
height: 5em; 
} 

何かアドバイスをいただければ幸いです。

おかげで、 GS

+0

を試してみてください。$( "span.wpcf7-リスト項目ラベルを")、CSS( "色"、 "#111!重要"); –

+0

@FaisalAshfaq noこのクラスを持つ他のすべてのスパンが灰色になるからです。上記のセクションのように、他のチェックボックスのテキストは緑の代わりにグレーになります。 –

答えて

0

あなたはjQueryの使用することができ、この

#wpcf7-f1361-p1352-o1 form > div > p:nth-child(2) > span > span > span> label span{ 
    color: #696969 !important; 
} 
+0

素晴らしい、うまくいった - ありがとう。 – GSig

関連する問題