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.

Decrease width of check box and date field

  1. paulszymanski
    Member

    Please see my form at:
    http://ahhowland.com/request-a-quote.html

    How do I decrease the width of the containers for the two fields:
    Is Billing Address Same As Address of Property You Need Services For?
    Date You Desire Work To Be Completed By:

    I have:
    #input_1_2, #input_1_5, #input_1_6, #input_1_7, #input_1_10 {
    width: 60% !important;
    }

    in my css as 1_7 and 1_10 are the two fields I am having issues with. Thanks!

    Posted 12 years ago on Saturday September 15, 2012 | Permalink
  2. Take a look at this screenshot: http://minus.com/lJhooSXad37rt

    I added this to your theme's stylesheet to achieve that look:

    [css]
    body .gform_wrapper form li#field_1_10,
    body .gform_wrapper form li#field_1_7 {
        width: 62%;
    }

    You just need to get more specific with your selector. #input_1_10 will be overwritten by anything more specific, with more selectors, like the rule I wrote.

    Posted 12 years ago on Saturday September 15, 2012 | Permalink