Contact Form 7
text fields all the same / not responding to code (3 posts)

  1. chrsdsgn
    Posted 3 years ago #

    I recently created a new site and used the contact form code from my old site for this new one. The form on the old site worked fine but now all the text fields are the same size and they don't seem to be responding to my code. Here is the form page: http://www.bestwayrent2own.com/financing/

    as you can see all the text fields are the same size despite my code. For example heres line 2:
    "<p>Date of Birth (MM/DD/YYYY) [text* M 1/2]/[text* D 1/2]/[text* Y 2/4] </p>"

    What am I doing wrong?
    Please help.



  2. chrsdsgn
    Posted 3 years ago #

    BTW I'm using version 3.4.1 for the new site.

  3. buzztone
    Posted 3 years ago #

    This is due to CSS styling applied to standard HTML form elements within your current WordPress theme in http://www.bestwayrent2own.com/wp-content/themes/OpenDoor1.3/css/bootstrap.css?ver=3.5.1.

    The overall size of the form elements is controlled by the CSS in your current WordPress theme rather than the "size" you use in the Form section of the CF7, which refers to the size of the standard HTML input text element which may or may not control overall element size.

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

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic