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.

CSS Targeting Sample for Pricing Fields

  1. Hi there! Are there any CSS Targeting Sample for Pricing Fields particularly for the Product. I want to be able to edit the color of the price (which is red) to black and make it bold. Also, it is possible to increase the size of the description? Thanks in advance :)

    Posted 13 years ago on Tuesday September 27, 2011 | Permalink
  2. There aren't currently any targeting samples, we will be updating those soon to incorporate the new features. All you should need to do is see how things are typically targeted and then view source on the field you want to target to inspect it's markup. The targeting samples are just examples that use best practices for targeting HTML elements using CSS, it's not doing anything proprietary or unique.

    If you view source you will see the price is contained within a SPAN element with the class .ginput_product_price. So if you target that class you can manipulate the price using CSS. For example:

    [css]
    body .gform_wrapper .gform_body .gform_fields .ginput_product_price {color: blue;}

    The description would be changed just like any other field description using the examples here:

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

    Posted 13 years ago on Tuesday September 27, 2011 | Permalink

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