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.

Customizing 2 out of 5 forms with the same CSS style

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Nantyliana
    Member

    Hi guys,
    Is there a way I can customize 2 out of 5 forms I've got on the site using something like this:
    body #gform_wrapper_1 #gform_wrapper_2 {some code in here...} ??? or do I need to do it one by one?

    Thanks in advance!!!

    Posted 12 years ago on Wednesday January 4, 2012 | Permalink

  2. Rob Harrell
    Member

    Yes, since each form has it's own unique ID, you can group styles together with commas or give them unique properties. An example would be:

    [css]
body #gform_wrapper_1, body #gform_wrapper_2 {
margin: 10px;
}

    or

    [css]
body #gform_wrapper_1 {
margin: 10px;
}
body #gform_wrapper_2 {
margin: 30px;
}
    Posted 12 years ago on Wednesday January 4, 2012 | Permalink

  3. Nantyliana
    Member

    Thanks for the quick reply!
    I am trying to change the font color for all labels especifically on those 2 forms, this is what I got, but nothing seems to change :(
    body #gform_wrapper_11 body #gform_wrapper_12 .gfield_label { color:#4b545b!important; font-size: 24px!important; font-family: 'Cabin', serif!important; font-weight:700!important;}
    body #gform_wrapper_11 body #gform_wrapper_12 .gfield_checkbox li label, body .gform_wrapper .gfield_radio li label {font-size: 14px!important; color:#4b545b!important;}

    I also have this other code on the stylesheet, and this is what the form looks like instead:
    body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {color:white; font-size: 18px!important; font-weight: bold; padding:20px 0 1px 0; letter-spacing:0em; margin: 0 0 1px 10px!important;}

    Can you please tell me what I'm doing wrong?
    Thanks again!

    Posted 12 years ago on Wednesday January 4, 2012 | Permalink

  4. Rob Harrell
    Member

    Can you post a link to your form, so I can reference it. But looking about when you put:

    [css]
body #gform_wrapper_11 body #gform_wrapper_12 .gfield_label { color:#4b545b!important; font-size: 24px!important; font-family: 'Cabin', serif!important; font-weight:700!important;}

    You are close there, but the selector should read like this:

    [css]
body #gform_wrapper_11 .gfield_label, body #gform_wrapper_12 .gfield_label { color:#4b545b!important; font-size: 24px!important; font-family: 'Cabin', serif!important; font-weight:700!important;}
    Posted 12 years ago on Wednesday January 4, 2012 | Permalink

  5. Nantyliana
    Member

    The site is in spanish, but sure! there it is: http://www.adondeiremos.com.mx/kleverest/bannersprice/#gf_12

    Thanks for your reply, I'm gonna try it out! ;-)

    Posted 12 years ago on Wednesday January 4, 2012 | Permalink

  6. Nantyliana
    Member

    Wow thanks for your help! it did work! :)

    Posted 12 years ago on Wednesday January 4, 2012 | Permalink

  7. Rob Harrell
    Member

    Right on, looking good! Glad to help.

    Posted 12 years ago on Wednesday January 4, 2012 | Permalink