Контактная форма 7 Проблема со стилем полей

Я создаю сайт для небольшой компании (пожалуйста, посмотрите здесь), и у меня есть невероятно трудно понять, почему я не могу заставить текстовые поля в контактной форме (правый верхний угол) выровняться правильно.

Что бы я ни делал с CSS, поля никогда не бывают одинаковыми слева и справа от полей формы. Все, что я хочу, это чтобы поля были ровными с обеих сторон.

Это плагин контактной формы 7 для wordpress. Все входные данные в форме в настоящее время имеют ширину 90%. Когда я увеличу его до 100% ширины, я ожидаю, что они будут иметь ту же ширину, что и их родительский элемент (это форма, в которой они содержатся), но это не так. Они всегда длиннее своего родительского элемента при ширине 100%. Может ли кто-нибудь дать мне небольшое представление о том, как решить эту проблему? Кто-нибудь сталкивался с такой или похожей проблемой и знает, как ее решить?

Я бы опубликовал код, но я действительно даже не уверен, какой код опубликовать. Я весь день проверял элементы с помощью firebug, но не могу найти источник проблемы. Любая помощь очень ценится, так как я становлюсь довольно вспыльчивым с этой контактной формой. Спасибо.


person Digital Brent    schedule 16.11.2013    source источник


Ответы (1)


Сделай это:

 #sidebar #custom_cf7-3 .heading, #sidebar #custom_cf7-3 .wpcf7{

     margin-left:20px;
 }
person Ani    schedule 16.11.2013
comment
Я только что попробовал код, который вы мне дали. Казалось, ничего не изменилось. Я пробовал возиться с полями для этих полей формы, но по какой-то причине это не влияет на это. - person Digital Brent; 17.11.2013
comment
Я пробовал это между FF и Chrome. - person Digital Brent; 17.11.2013
comment
Странно, я попробовал то же самое, и это сработало... подожди, дай мне проверить еще раз - person Ani; 17.11.2013
comment
Еще одна вещь, которая меня интересует: если вы измените ширину текстовых полей на 100% на своем экране, они выйдут за край формы? - person Digital Brent; 17.11.2013
comment
@DigitalBrent Вы отменяете поле с помощью .wpcf7 {margin: 0px !important;} Удалить эту часть. - person Ron van der Heijden; 17.11.2013
comment
Спасибо, я удалил margin: 0px !важно. Однако поля по-прежнему не совсем равны. Они чертовски близки. Это точно, но мне нужно знать, почему я не могу получить эти вещи точно даже. Почему поля ввода становятся шире, чем их родительский элемент при ширине 100%? Я знаю, что здесь я перфекционист, но теперь это выходит за рамки внешнего вида сайта. Мне просто нужно знать, что, черт возьми, делает так, что эти поля не равны. Большое спасибо за вашу помощь, ребята. Я действительно ценю это. - person Digital Brent; 17.11.2013
comment
Ничего... Разобрался. И в текстовых полях, и в текстовой области был один пиксель заполнения. Это было причиной того, что дополнительное перекрытие и поля были не совсем ровными. Извините ребята. Меня, как дизайнера, очень бесило, что они не выравниваются правильно. Спасибо за вашу помощь. Без тебя бы не справился! - person Digital Brent; 17.11.2013