Moving Success Message to the end of contact form (Sterling)

If you have a large Contact Form and the Success Message is hidden on top of the Form, you may want to move it to the bottom of the Contact Form. The following is a simple solution. 1) Create and insert your contact form as per normal instruction from training video. 2) In your WordPress admin text editor, add the following javascript to the top of your contact form shortcode:

 <script type='text/javascript'> jQuery(document).ready(function(){   jQuery('.success').hide();   jQuery('.success').clone().appendTo('.success_message');   jQuery('.success_message .success').show(); }); </script> 

3) In your WordPress admin text editor, add the following code after your contact form shortcode:

 <div class='success_message'></div> 

4) Using our demo contact form shortcode, your contact form codes in text editor should be something similar to the codes below:

 <script type='text/javascript'> jQuery(document).ready(function(){   jQuery('.success').hide();   jQuery('.success').clone().appendTo('.success_message');   jQuery('.success_message .success').show(); }); </script>  [raw] [contact-form subject="Sterling Demo Site" to=""] [contact-field label="Name" type="name" required="true" /] [contact-field label="Email" type="email" required="true" /] [contact-field label="Website" type="url" /] [contact-field label="Comment" type="textarea" required="true" /] [/contact-form] [/raw]     <div class='success_message'></div> 

Attached below is a screenshot of the codes in the text editor: 5) Now you can publish your contact form page, and try it out! That’s all!