2016-04-26 6 views
1

anpassen Ich arbeite an einem Blog in wordpress erstellen, wo ich ein contact form 7 Plugin verwendet. Hier sieht das E-Mail-Textfeld anders aus. check here.Wie E-Mail-Feld Breite und Höhe in Kontaktformular 7 in WordPress

Ich bin mir nicht der Codierung Sachen bewusst. Wie kann ich E-Mail-Textfelder wie andere Textfelder aussehen lassen? Bitte helfen Sie mir, dieses Problem zu lösen.

+1

"Ich bin nicht bewusst, die Codierung Zeug" - nicht gerade eine gute Linie in Ihre Frage auf StackOverflow .... –

Antwort

0

Der Grund ist es zur Zeit anders aussieht, ist dieser Teil des CSS-Code (Linie 195 von wp-content/themes/simple-catch/style.css):

/* Form */ 
input[type=text], input.text, input.title, textarea, select { 
    background-color:#fff; 
    border: 1px solid #ccc; 
    color:#aaa; 
    padding:9px 10px; 
    font-style:italic; 
    width: 368px; 
    box-shadow: 0 2px 2px #e5e5e5 inset; 
    margin: 0 0 20px; 
} 

Wie Sie sehen können, ist der Wähler nicht einen Eingang mit einer Art „E-Mail enthalten "und Ihre E-Mail-Eingabe hat keine Klasse text oder title, daher wird diese Regel nicht für das E-Mail-Feld ausgelöst.

Die Lösung ist sehr einfach - wie dies die Wähler auf etwas ändern: sowie auf den anderen Texteingaben

input[type=text], input[type=email], input.text, input.title, textarea, select { 

Nun sollte das Styling auf dem E-Mail-Eingang angelegt werden.

0

hat Ihr Plugin die Stile, die Sie zu input[type='email'] sehen angewendet und nicht auf input[type='text']

Haben Sie benutzerdefinierte CSS-Plugin auf Wordpress installiert haben? Wenn ja, müssen Sie input[type='email'] nur die gleichen Eigenschaften geben, wie sie auf input[type='text'] angewendet werden. Sie finden diese Stile im Entwicklermodus in Ihrem Browser

Verwandte Themen