Выравнять кнопку по вертикали

@Coolfreeze · Регистрация: 21.02.2016

Author24 — интернет-сервис помощи студентам

Всем привет. Создал форму обратной связи на странице сайта http://infocar.pro/uslugi/konserzh/, прописал код так

HTML5

<div class="konserzh">
<div class="container">
   <div class="row">
       <div class="col-md-3">
       </div>
       <div class="col-md-6">
           <div class="kf-kons">
                <h2>Заказать звонок</h2>
                [contact-form-7 id="1979" title="name-kf"]
           </div>
       </div>
       <div class="col-md-3">
       </div>
   </div>
</div>
</div>

стиль:

CSS

.kf-kons {
    text-align: center;
}
 
#wpcf7-f1979-p143-o2 {
    text-align: center;
    font-size: 16px;
    width: 360px;
}
 
.submit-kf input {
    text-align: center;
    width: 290px;
    font-size: 16px;
}

но вот кнопка "Перезвоните мне" никак не хочет равняться с верхним полем для записи номера телефона, полю дал класс

HTML5

1 2	<p class="name-kf">Ваш телефон<br /> [tel tel-973] </p>

подскажите пожалуйста как их выровнять ровно под названием "Заказать звонок"

@Secret73 · 16.09.2016, 08:29

но вот кнопка "Перезвоните мне" никак не хочет равняться с верхним полем для записи номера телефона, полю дал класс

Потому что справа от кнопки у Вас там картинка

HTML5

1	<img class="ajax-loader" src="http://infocar.pro/wp-content/plugins/contact-form-7/images/ajax-loader.gif" alt="Отправка..." style="visibility: hidden;">

подскажите пожалуйста как их выровнять ровно под названием "Заказать звонок"

В #wpcf7-f1979-p143-o2 добавить margin: 0 auto;

@Coolfreeze · 16.09.2016, 09:42 **[ТС]**

Secret73, спасибо, форма выровнялась, но кнопка не выравнивается, я только сейчас обнаружил картинку, ее убрать значит нужно? Но где ее найти.

@Secret73 · 16.09.2016, 09:44

Coolfreeze, Находится она в форме обратной связи, рядом с кнопкой. Это уж сами смотрите нужна она Вам или нет. Может просто разместите ее в другом месте например.

@Coolfreeze · 16.09.2016, 19:33 **[ТС]**

Secret73, да, вижу где она находится, только вот где ее в форме найти вот в чем вопрос
Все, нашел, удалить попробую

@Coolfreeze 3 / 3 / 4 Регистрация: 21.02.2016 Сообщений: 207
	16.09.2016, 09:42 [ТС]	3
	Secret73, спасибо, форма выровнялась, но кнопка не выравнивается, я только сейчас обнаружил картинку, ее убрать значит нужно? Но где ее найти. 0

@Secret73 12 / 12 / 7 Регистрация: 14.01.2016 Сообщений: 264
	16.09.2016, 09:44	4
	Coolfreeze, Находится она в форме обратной связи, рядом с кнопкой. Это уж сами смотрите нужна она Вам или нет. Может просто разместите ее в другом месте например. 0

@Coolfreeze 3 / 3 / 4 Регистрация: 21.02.2016 Сообщений: 207
	16.09.2016, 19:33 [ТС]	5
	Secret73, да, вижу где она находится, только вот где ее в форме найти вот в чем вопрос Все, нашел, удалить попробую 0