Ninja Forms - Aligner la zone de texte et soumettre le bouton

Question

Je viens de mettre un simple formulaire d'abonnement par e-mail sur mon site Web en utilisant le plugin Ninja Forms Wordpress. Le bouton Envoyer est situé sous la zone de texte. Comment faire pour aligner le bouton de soumission à droite de la zone de texte?

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

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

</div> 

La classe pour la zone de texte est 'email-textarea'

La classe pour le bouton d'envoi est 'email-sub'

Answer 1

D'abord, vous devez spécifier certaines classes à vos champs - http://prntscr.com/bdalyh Puis ajouter des styles à elle:

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

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

Notez que vous devez ajouter à la fin -wrap au champ de style contaienr et pas directement sur le terrain. En fin de compte, vous devez ajouter des styles de clearfix à votre forme:

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