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.

color changes

  1. I've been unsuccessfully trying to change the color of the text - name, email, address, etc. - in my form. It appears that I need to add code found on the CSS Targeting Samples page and paste it in my themes CSS Style Sheet. I've added the following Sub-Label: Advanced Field – Full Container code with no change. Am I missing a step or is the code incorrect?

    body .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex .ginput_full label {color: #D96D1A;}

    Posted 11 years ago on Wednesday April 10, 2013 | Permalink
  2. Please post a URL to your form page so we can inspect your form and any styles it may be inheriting from your theme. Without seeing that, it's difficult to give you a proper answer.

    Posted 11 years ago on Thursday April 11, 2013 | Permalink
  3. Here it is.
    http://www.alanmajchrowicz.com/contact/

    Posted 11 years ago on Thursday April 11, 2013 | Permalink
  4. Richard Vav
    Administrator

    To change the colour of the sub labels you can add the following to your theme's style.css

    .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {
        color: #D96D1A;
    }

    If you want to change the color of all the labels you would use this

    .gform_wrapper .top_label .gfield_label, .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {
        color: #D96D1A;
    }

    Your form should then look something like this, http://imgur.com/jVjSsKy

    Posted 11 years ago on Thursday April 11, 2013 | Permalink
  5. Thanks for providing the code. I copied and pasted it into my themes Custom CSS field but I don't see a change. I'm pretty new to this CSS stuff and I believe that there is a step or something that I keep missing to make this work.

    Is there anything else I need to do aside from simply pasting this into the Custom CSS field? I cleared the cache using the plugin W3 Total Cache, and refreshed my browsers. The following is exactly what I pasted in the Custom CSS field and the current link to the page where the form is.

    http://www.alanmajchrowicz.com/contact/

    .gform_wrapper .top_label .gfield_label, .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {color:#D96D1A;}

    Posted 11 years ago on Friday April 12, 2013 | Permalink
  6. Richard Vav
    Administrator

    The reason it isn't working for you is because of a stray semicolon causing the css after it to be ignored, so if you remove the ; from immediately in front of that new gravity css then re-check, you should find it now works.

    ; .gform_wrapper .top_label .gfield_label, .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction {color:#D96D1A;}
    Posted 11 years ago on Friday April 12, 2013 | Permalink
  7. Thanks, I new it was something minor that I was missing!

    Posted 11 years ago on Friday April 12, 2013 | Permalink
  8. Richard Vav
    Administrator

    You're welcome

    Posted 11 years ago on Friday April 12, 2013 | Permalink
  9. I am having similar problem with my total not populating.
    http://tomorrowschampion.com/contact/order-tomorrows-champion-business-cards/

    Posted 11 years ago on Tuesday April 16, 2013 | Permalink
  10. David Peralty

    yumet08 - please post your own support forum thread, and let us know exactly what you need and what isn't working.

    Posted 11 years ago on Tuesday April 16, 2013 | Permalink

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