PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

changing width of text input fields in medium

  1. Hi there,

    I'm stuck on changing the widths of my text input fields despite several attempts. My form is here: http://www.jumpstartmd.com/ppc/

    Visually, I want the forms to be around 280 pixels or around 100%, and extend to the edge of the graphic above the form.

    Here's the code I've tried after various combinations attempted from others' forum posts (I promised I tried lots)

    #gform_wrapper_10 input[type="text"] .medium {
    width: 95% !important;
    }

    and

    #gform_wrapper_10 input[type="text"] {
    width: 95% !important;
    }

    and

    body #gform_wrapper_10 input[type="text"] .medium {
    width: 95% !important;
    }

    Thanks in advance!

    Posted 12 years ago on Tuesday August 7, 2012 | Permalink
  2. David Peralty

    Trying this using Chrome's Inspect tool seemed to work:

    .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
    width: 280px !important;
    Posted 12 years ago on Tuesday August 7, 2012 | Permalink
  3. Hmm, that didn't work for me? I even tried changing the gform_wrappers to IDs instead of classes since I had an issue with that previously. Tried it with and without the form ID (10) as well. Nada :(

    Posted 12 years ago on Tuesday August 7, 2012 | Permalink
  4. Sorry 'bout that. I put the CSS in my theme's CSS file, but I really needed to put it in the "Custom Code" section for the landing page I created with CopyBlogger's Premise plug-in. Just FYI for anyone using Premise (which rules, btw).

    Thanks again!

    Posted 12 years ago on Tuesday August 7, 2012 | Permalink

This topic has been resolved and has been closed to new replies.