Ninja Forms - Textbereich ausrichten und Button abschicken

Question

Ich habe einfach ein einfaches Email-Anmeldeformular auf meiner Webseite mit dem Ninja Forms Wordpress Plugin erstellt. Die Schaltfläche Senden befindet sich unter dem Textbereich. Wie kann ich den Absenden-Button rechts neben dem Textbereich ausrichten?

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

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

</div> 

Die Klasse für die Textbox ‚E-Mail-Textarea‘

Die Klasse für den Absenden-Button ist die E-Mail-sub '

Answer 1

Zuerst einige Klassen auf Ihre Felder angeben müssen - http://prntscr.com/bdalyh Dann fügen Sie einige Stile hinzu:

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

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

beachten Sie, dass Sie -wrap am Ende Stil Feld contaienr sollte hinzufügen und nicht direkt Feld. Am Ende müssen Sie einige Clearfix Stile zu Ihrem Formular hinzufügen:

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