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.

captcha input field not playing ball

  1. I've targeted the fields with css, but am unable to correct the field overflow in captcha.
    I've tried reducing the text field length shorter than I need to see if anything changes, but no look.
    The page in question is:
    http://engageclinical.co.uk/?page_id=15

    This is the current css i'm using:

    body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {background-color: rgba(200,232,251, .3);height:20px;width:270px!important;box-shadow: 0 1px 0 #E5E5EE;}
    
    .gform_wrapper textarea {background-color: rgba(200,232,251, .3);height:20px;box-shadow: 0 1px 0 #E5E5EE;}
    
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=file] {background:#e9bbf8;height:20px;}
    
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
    body .gform_wrapper .gform_body .gform_fields .gfield select,
    body .gform_wrapper .gform_body .gform_fields .gfield textarea,
    body .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex {
    font-size:16px;
    }
    
    .recaptchatable #recaptcha_response_field {
        bottom: 7px !important;
        font-size: 10pt;
        margin: 0 !important;
        padding: 0 !important;
        position: absolute !important;
        width: 100px !important;
    }

    Any help will be greatly recieved.

    Many Thanks
    Bret

    Posted 6 years ago on Tuesday August 21, 2012 | Permalink
  2. Looks like you are in maintenance mode - can I get around this?

    Posted 6 years ago on Wednesday August 22, 2012 | Permalink
  3. Sorry, yes just realised it would be locked down,
    You should be able to view it now

    Many thanks
    Bret

    Posted 6 years ago on Wednesday August 22, 2012 | Permalink
  4. David Peralty
    Administrator

    It is the min-width on your base.css for:

    input[type="text"], input[type="password"], input[type="email"], textarea, select {

    That is causing the overflow on the Captcha input field.

    Posted 6 years ago on Wednesday August 22, 2012 | Permalink
  5. Thanks David,
    That's a great help, just wondering if you can help with the clipping at the end of each name field.

    Many Thanks
    Bret

    http://www.engageclinical.co.uk

    Posted 6 years ago on Tuesday August 28, 2012 | Permalink