email input box not resizing

  • Resolved stardrive

    (@soghinan)


    10 years, 8 months ago

    I used the code below for the Form mark-up:

    <p>
    <label>Email Address:</label>
    <input name=”EMAIL” required=”required” type=”email” placeholder=”Your email address” value=”{user_email}” size=”50″>
    </p>
    <p>
    <input type=”submit” value=”Sign up” />
    </p>
    I set the size of the email input field to 50. But, the email input field is not reducing to the set size. It is occupying the entire row – about 960px.

    Please, assist here.

    https://www.ads-software.com/plugins/mailchimp-for-wp/

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

    (@dvankooten)

    Hi there,

    You shouldn’t use the size attribute to set the width of input fields. Instead, use the style attribute and use CSS.

    <p>
	<label>Email Address:</label>
	<input name="EMAIL" required="required" type="email" placeholder="Your email address" value="{user_email}" style="width: 100px;">
</p>
<p>
	<input type="submit" value="Sign up" />
</p>

    Alternatively, add the following CSS to your theme its stylesheet, or use a custom CSS plugin.

    .mc4wp-form input[type="email"] {
	width: 100px;
}

    Hope that helps!

    Thread Starter stardrive

    (@soghinan)

    Oh! Initially, i actually used the above css in my theme’s stylesheet but i used the size instead of the width attribute.
    I will change it to width and revert back.

    Thank you for your prompt support

    Plugin Author Danny van Kooten

    (@dvankooten)

    Great, hope that helps!

    Should you have a quick free minute, a plugin review would make me quite happy. ??

    Thanks!

    Thread Starter stardrive

    (@soghinan)

    Many Thanks.

    It worked

    Thread Starter stardrive

    (@soghinan)

    I have just reviewed and rated your plugin

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘email input box not resizing’ is closed to new replies.