Center Text Input Area

  • Resolved rkassebaum

    (@rkassebaum)


    8 years, 3 months ago

    I am unable to get the area where you enter your email address to center on the page. What do I need to change in the code below to center the text area for the email address with the rest of the text. Thank you. Website is http://www.mylivinghistory.org

    <p style=”text-align: center;”>
    <label>Enter your email</label>
    </p>
    <p style=”aligncenter;”>
    <input type=”email” name=”EMAIL” placeholder=”Enter your email” required />
    </p>
    <p style=”text-align: center;”>
    <input type=”submit” value=”Sign up” />
    </p>

    https://wordpress.org/plugins/mailchimp-for-wp/

Viewing 1 replies (of 1 total)
  • Plugin Author Danny van Kooten

    (@dvankooten)

    8 years, 3 months ago

    Hi Ryan,

    The easiest way to do that is by wrapping the entire form in the following.

    <div style="margin: 0 auto; text-align: center;">
	<p>
		<label>Enter your email</label>
		<input type="email" name="EMAIL" placeholder="Enter your email" style="margin-left: auto; margin-right: auto;" required />
	</p>
	<p>
		<input type="submit" value="Sign up" />
	</p>
</div>

    Hope that helps. If not, let me know!

    EDIT: I just noticed your theme makes this a little hard, so I added a style attribute to the email input field. That does the trick!

Viewing 1 replies (of 1 total)
  • The topic ‘Center Text Input Area’ is closed to new replies.