WordPress.org

Support

Support » Plugins and Hacks » text fields all the same / not responding to code

text fields all the same / not responding to code

  • Hello,
    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.

    Chris

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • BTW I’m using version 3.4.1 for the new site.

    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.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘text fields all the same / not responding to code’ is closed to new replies.