WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
E-Mail input field (2 posts)

  1. Gruenschnabel
    Member
    Posted 1 year ago #

    Hello !

    I've downloaded Contact Form 7 and I've pasted the generated code to a new site.
    I've changed nothing in the form box and I didn't generated any own tags.
    So I basically used the example form.
    When I opened the homepage the E-Mail input field was smaller then the others.
    The contact form works but I want all fields to look the same.
    I don't know why the field looks different. I've only used the Contact Form 7 example without changing anything.

    I checked the web and found this:
    http://contactform7.com/faq/#Why_does_my_email_address_input_field_look_different

    Is this going to help me?
    I'm a total newbie. What do I have to do?

    Thanks for your help! :)

    http://wordpress.org/extend/plugins/contact-form-7/

  2. buzztone
    Member
    Posted 1 year ago #

    When I opened the homepage the E-Mail input field was smaller then the others. The contact form works but I want all fields to look the same.

    CF7 now uses the new HTML5 input[type="email"] for the email field in the default CF7 form (installed automatically on every install of the CF7 plugin) and input[type="text"] for the other fields.

    Looks like the CSS in your current WordPress theme does not cater for this new HTML5 email input field.

    http://contactform7.com/faq/#Why_does_my_email_address_input_field_look_different (recently added to http://contactform7.com/faq/) gives you some guidance on how to make these fields look the same in your current WordPress theme.

    See Styling Contact Form for a general explanation of styling CF7 forms using CSS. If you are not familiar with CSS, this page also includes some links to where you can learn CSS.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic