Please Note: We are no longer using forums to facilitate standard support. 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

  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 3 years ago on Wednesday January 4, 2012 | Permalink
  2. 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:

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

    or

    body #gform_wrapper_1 {
    margin: 10px;
    }
    body #gform_wrapper_2 {
    margin: 30px;
    }
    Posted 3 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 3 years ago on Wednesday January 4, 2012 | Permalink
  4. Can you post a link to your form, so I can reference it. But looking about when you put:

    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:

    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 3 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 3 years ago on Wednesday January 4, 2012 | Permalink
  6. Nantyliana
    Member

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

    Posted 3 years ago on Wednesday January 4, 2012 | Permalink
  7. Right on, looking good! Glad to help.

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

 

Support Tickets

Open A New Support Ticket
 Open A New Priority Support Ticket *

* Developer license holders only