Ninja Forms - выровнять текстовую область и отправить кнопку

Question

Я просто разместил простую форму для подписки на моем сайте с помощью плагина Ninja Forms Wordpress. Кнопка отправки находится под текстовой областью. Как сделать кнопку отправки выровненной справа от области текста?

<div class="email-form-wrap"> 

<?php if(function_exists('ninja_forms_display_form')){ ninja_forms_display_form(22); } ?> 

</div> 

Класс для текстового поля является «электронная почта-текстовое поле»

Класс для кнопки отправки является «электронный-суб»

Answer 1

Прежде всего, необходимо указать некоторые классы для ваших полей - http://prntscr.com/bdalyh Затем добавить некоторые стили к нему:

.subscribe__email-wrap{ 
    float:left; 
    width:calc(100% - 100px); 
} 

.subscribe__submit-wrap{ 
    float:right; 
    width:100px; 
} 

к сведению, что вы должны добавить -wrap в конце концов стиль поля contaienr а не непосредственно. В конце вам нужно добавить несколько стилей clearfix для формы:

.ninja-forms-all-fields-wrap:after{ 
    content:''; 
    display:table; 
    clear:both; 
}