Sign up form email field Size

  • Resolved webonative

    (@webonative)


    8 years, 4 months ago

    Hello,

    I recently downloaded your plugin and I created a form for my webite sign ups. Everything looks good except one thing:

    The email address field is too small compared to other fields such as “First Name”, “Last Name” and “Submit” button. I can’t figure out how to fix it. Can you please help me?

    Link: https://empowerem.ca
    Form Located: Footer 4 (Bottom right)

    The code I’m using to create the form is below:

    <p>
    <p>
    <label>First Name</label>
    <input type=”text” name=”FNAME” placeholder=”Your First Name” required>
    </p>
     
    <p>
    <label>Last Name</label>
    <input type=”text” name=”LNAME” placeholder=”Your Last Name” required>
    </p>
     
    <label>Email Address</label>
    <input type=”email” id=”mc4wp_email” name=”EMAIL” placeholder=”Your Email Address” required>
    </p>
     
    <p>
    <input type=”submit” value=”Sign up” />
    </p>

    Please advice how to fix this.

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hello,

    I checked your website and noticed CSS from our plugin is not being added and the CSS in your theme does not contain styling rules for an email field. To fix this please add below code either to the “Style.css” file in your active theme or you can install a plugin like “Simple Custom CSS” and add the code there. 

    footer .widget input[type=email] {
    width: 100%;
    overflow: hidden;
    border: 1px solid #e9e9e9;
    background-color: #f6f6f5;
    padding: 0 10px;
    height: 35px;
    outline: 0;
    color: #7f8385;
    font-family: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    I hope that helps.

    Thread Starter webonative

    (@webonative)

    Thank you so much. That worked.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sign up form email field Size’ is closed to new replies.