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?

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Hardcore
    Member

    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 11 years ago on Tuesday October 30, 2012 | Permalink

  2. Kevin Flahaut
    Administrator

    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 11 years ago on Tuesday October 30, 2012 | Permalink

  3. Hardcore
    Member

    There we go. I had to make the page public

    Posted 11 years ago on Tuesday October 30, 2012 | Permalink

  4. Hardcore
    Member

    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 11 years ago on Wednesday October 31, 2012 | Permalink

  5. Chris Hajer
    Key Master

    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 11 years ago on Wednesday October 31, 2012 | Permalink

  6. Hardcore
    Member

    Awesome! Thanks. Once last thing. Now how do I change the total amount color?

    Thanks again!

    Posted 11 years ago on Wednesday October 31, 2012 | Permalink

  7. Chris Hajer
    Key Master 

    [css]
body .gform_wrapper span.ginput_total {
    color: orange;
}
    Posted 11 years ago on Wednesday October 31, 2012 | Permalink

  8. skstarkiller
    Member

    Thanks Chris. This solved my issue as well!

    Posted 11 years ago on Friday February 8, 2013 | Permalink

  9. Chris Hajer
    Key Master

    You're welcome. Glad that helped you.

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