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.

Math challenge styling

  1. The (math challenge) when applied appears on the form in three lines: (1) The Field label, (2) the actual math challenge itself and then the (3) field where the visitor is to enter the answer to the math challenge.
    My question is: can these three elements be styled to be all in a single line? i.e. horizontally?
    Many Thanks.

    Posted 13 years ago on Tuesday September 13, 2011 | Permalink
  2. Yeah, of course. It's just markup and CSS, you can add styles to do pretty much whatever you'd like.

    You can switch to the left label form format if you prefer, that parts easy. The other fields can be aligned doing something like this.

    [css]
    body .gform_wrapper .gfield_captcha_container {
        width: 200px;
    }
    body .gform_wrapper.gfield_captcha_input_container {
        float: right;
        margin-top: 8px;
    }

    screenshot: http://bit.ly/qlGvQ3

    Or you can just float the label for that one field if you want to keep the top label option for the rest of your form

    [css]
    .gfield_captcha_container {
        width: 250px;
    }
    .gfield_captcha_input_container {
        float: right;
        margin-top: 8px;
    }
    li#field_97_16 label {
        float: left!important;
        margin: 14px 8px 0 0 !important;
    }

    screenshot : http://bit.ly/qdcVcf

    You'd have to view your source and get the proper field ID to replace the one in my example.

    You can find more specifics on targeting fields and elements with CSS here if you need.

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

    Posted 13 years ago on Tuesday September 13, 2011 | Permalink
  3. Hi Kevin,
    Many thanks for the prompt reply and the CSS solution. Worked fine.
    Thank you for your assistance.

    Posted 13 years ago on Tuesday September 13, 2011 | Permalink
  4. I'm happy I could help. Thanks for the update.

    Posted 13 years ago on Tuesday September 13, 2011 | Permalink

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