Регулировка ширины текстового поля в контактной форме 7

Question

Я новичок в WordPress. Я использовал контактную форму плагина 7, и мне нужно настроить ширину полей. на данный момент это 100% ширина.

Делая некоторые Google я узнал, что мне нужно изменить пользовательские CSS для этого, и я добавил эти строки, но до сих пор ничего

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

и я использую Авад тему

Answer 1

Проверьте текстовое поле в браузере и применить тот же стиль к классу, назначенному для ввода в соответствии с областью. Я думаю, что ввод контактной формы обычно имеет имя класса «input». Нечто подобное могло бы помочь

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

Вы должны изменить «ширина» элемента в процентах.