Contact 7 form some fields outlined, others not?

Viewing 1 replies (of 1 total)

  • This is due to CSS styling applied to standard HTML form elements within your current WordPress theme.

    In particular your current WordPress theme does not appear to support the new HTML5 “email” & “telephone number” form elements now used by CF7.

    Use Firebug or Chrome Dev Tools to first understand and then change the CSS used for your CF7 form elements.

    https://contactform7.com/faq/#Why_does_my_email_address_input_field_look_different gives you some guidance on how make these fields look the same in your current WordPress theme.

    Also good idea to target CSS classes & ids used within your CF7 forms only, so that your CSS changes don’t inadvertantly effect other elements on your website.

    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.

Viewing 1 replies (of 1 total)
  • The topic ‘Contact 7 form some fields outlined, others not?’ is closed to new replies.