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.

How to change the colors on my form?

  1. Just wondering how to change the colors on my form. I want the pricing to be a different color that shows up better along with the total price.

    Thanks,
    Corey

    Website link: http://www.coreyhardcastlephotography.ca/?page_id=1626

    Posted 9 years ago on Tuesday October 30, 2012 | Permalink
  2. Oh noes. The link you posted returned a 404 page for me. http://grab.by/h9Ki

    You can find out how to properly target form elements for CSS manipulation on the page linked below.

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

    Posted 9 years ago on Tuesday October 30, 2012 | Permalink
  3. There we go. I had to make the page public

    Posted 9 years ago on Tuesday October 30, 2012 | Permalink
  4. Any more information on this? I'm not a programmer so I have little knowledge of CSS. Could one of the admins give me a step my step instruction on how to change just the color of the dollar amounts?

    Posted 9 years ago on Wednesday October 31, 2012 | Permalink
  5. Here you go:

    [css]
    body .gform_wrapper span.ginput_product_price {
       color: green;
       font-weight: bold;
    }

    That will make the prices bold and green. That is just an example to show you how to target it. You will need to change that color to something you really want, and you can remove the bold line altogether.

    That code I provided goes into one of your theme's stylesheets. Sometimes that file is called style.css and sometimes the theme provider has a special place to add your own custom CSS. It depends on your theme.

    Posted 9 years ago on Wednesday October 31, 2012 | Permalink
  6. Awesome! Thanks. Once last thing. Now how do I change the total amount color?

    Thanks again!

    Posted 9 years ago on Wednesday October 31, 2012 | Permalink
  7. [css]
    body .gform_wrapper span.ginput_total {
        color: orange;
    }
    Posted 9 years ago on Wednesday October 31, 2012 | Permalink
  8. Thanks Chris. This solved my issue as well!

    Posted 8 years ago on Friday February 8, 2013 | Permalink
  9. You're welcome. Glad that helped you.

    Posted 8 years ago on Saturday February 9, 2013 | Permalink