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.

Targeting sample

  1. chucktho
    Member

    I'm not having any success with the targeting examples. I'd appreciate a bit of help. The form I'm trying to format is here - http://www.thompsonbrooks.com/contact/

    What I'm trying to do is horizontally line up the reCAPTCHA and the Address below it.

    Thanks

    Posted 12 years ago on Wednesday August 10, 2011 | Permalink
  2. The easiest way is to enable the default forms stylesheet ( I see it's not being output right now) and then use the CSS "gf_left_half" and "gf_right_half" helper classes to align them side by side.

    even doing that, it looks like you'll need to do some other CSS tweaking to make it all look right

    screenshot: http://bit.ly/qHW6jj

    If you don't do that, you view the source to get the list item ID, then target just like the other examples. Here's a quick example.

    [css]
    body #gform_wrapper_1 #field_1_5 {
        border: 1px solid red;
        width: 55%;
        float: left;
        height: 160px;
    }
    body #gform_wrapper_1 #field_1_11 {
        width: 40%;
        float: left;
        height: 165px;
    }

    screenshot: http://bit.ly/ptJTor

    Posted 12 years ago on Wednesday August 10, 2011 | Permalink
  3. chucktho
    Member

    Thank you Kevin. That worked perfectly.

    Posted 12 years ago on Wednesday August 10, 2011 | Permalink

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