WordPress.org

Forums

Simple Basic Contact Form
[resolved] Success message appears outside/above of form div-breaks layout (2 posts)

  1. ckrizman
    Member
    Posted 1 year ago #

    It seems that this success message creates a new div "<div id="scf_success>" that does not remain the the same div as the form, pushing down all the data on the right side of my page. Is there any way to have this success info appear in the same area so it doesn't break the layout? Thanks!

    https://wordpress.org/plugins/simple-basic-contact-form/

  2. Jeff Starr
    Member
    Plugin Author

    Posted 6 months ago #

    Actually, here is the basic markup used for the contact form and the success message (version 20140925):

    contact form:

    <div id="simple-contact-form" class="scf">
    	<form action="" method="post"></form>
    </div>
    <div style='clear:both'> </div>

    success message:

    <div id="scf_success" class="scf">
    	<p class='scf_success'></p>
    	<pre></pre>
    	<p class="scf_reset"></p>
    </div>

    As you can see, these are equivalent in terms of the parent container. But there is a difference, namely the clearing div, which you can add via the plugin settings. Check out "Custom content before results" and add the following:

    <div style='clear:both'> </div>

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.