2016-04-23 10 views
-1

Ich habe die meisten Kontaktform ohne Problem gestylt, aber diese letzte kleine Textfarbe Änderung hat mich ratlos.Kontaktformular 7 - Hartnäckige Checkbox Textfarbe - Kernthema

Grundsätzlich scheint der Checkbox-Text die primäre Akzentfarbe "Akzentfarbe Hauptakzent" zu übernehmen, die auch für Links verwendet wird. Der Checkbox-Text ist grün und ich möchte es grau.

Seite: http://amzoptimized.com/order-form/

Tabellenkalkulations-Ergänzungen (immer ziemlich chaotisch unten unten):

.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; 
} 

Jede Beratung wäre sehr geschätzt.

Danke, GS

+0

Sie jQuery verwenden können: $ ("span.wpcf7-list-item-label") css ("Farbe", "# 111.! wichtig"); –

+0

@FaisalAshfaq nein, weil dann alle anderen Bereiche mit dieser Klasse graue Farbe bekommen. Wie im obigen Abschnitt wird ein anderer Checkbox-Text Grau statt Grün sein. –

Antwort

0

versuchen diese

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

Super, das hat funktioniert - danke. – GSig

Verwandte Themen