Breite des Textfelds im Kontaktformular anpassen 7

Question

Ich bin neu in WordPress. Ich habe ein Plugin-Kontaktformular 7 verwendet, und ich muss die Breite der Felder anpassen. Für jetzt ist es 100% Breite.

Durch einige google ich tun kam zu wissen, dass ich benutzerdefinierte CSS für diese bearbeiten müssen und ich fügte diese Zeilen aber noch nichts

input[type="text"] 
{ 
background-color: #fff; 
color: #000; 
width: 50%; 
} 

Und ich bin mit avada Thema

Answer 1

das Textfeld Inspect im Browser und wenden Sie den gleichen Stil auf die Klasse an, die der Eingabe gemäß Bereich zugewiesen wurde. Ich denke, dass die Kontaktformulareingabe normalerweise einen Klassennamen "Eingabe" hat. So etwas wie dies könnte helfen

.et_pb_contact p input 
{ 
background-color: #fff; 
color: #000; 
width: 50%; 
} 

Answer 2

input[type=text], #respond textarea, .post-password-form input[type=password], .wpcf7-form-control.wpcf7-date, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-quiz, .wpcf7-form-control.wpcf7-select, .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea { 
    width: 59%; 
    margin-bottom: 24px; 
    padding: 17px 30px; 
    border: 1px solid #ccc; 
    outline: 0; 
    font-size: 15px; 
    color: #797979; 
    font-family: "Crimson Text",serif; 
    -webkit-appearance: none; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
} 

Sie haben die „Breite“ Element in Prozent zu ändern.