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.

EcoBiz Form Styling and GravityForms

  1. Hi

    I'm trying to match the form style of the Gravity Form found here http://www.propelmg.com/siemens-rcs/conf/?page_id=4 to EcoBiz template to have similar styling to the actual EcoBiz form found here - http://www.propelmg.com/siemens-rcs/conf/?page_id=9

    Any advice you have to offer would be most helpful.

    Thanks

    Posted 12 years ago on Wednesday May 25, 2011 | Permalink
  2. It's just simple CSS work. Find the styles for the form you want to emulate, the apply them to the Gravity Forms inputs like this.

    [css]
    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=url],
    body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
    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 {
        border: 1px solid #EAEAEA;
        color: #666666;
        height: 22px;
        margin-bottom: 10px;
        padding: 5px 0;
    }

    You can find samples of how to properly target and manipulate the various form elements in the documentation here.

    http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples

    Posted 12 years ago on Wednesday May 25, 2011 | Permalink
  3. Thank you, thank you - you're a genius!!!

    Posted 12 years ago on Thursday May 26, 2011 | Permalink
  4. Yes, a ROCKETGENIUS ;) Haha. Thanks.

    Posted 12 years ago on Thursday May 26, 2011 | Permalink

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