https://legacy.forums.gravityhelp.com/topic/css-class-name-for-pricing-field Gravity Support Forums Topic: CSS Class Name for Pricing Field en-US Wed, 08 Apr 2026 19:52:29 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-class-name-for-pricing-field#post-145371 Sun, 10 Feb 2013 00:41:08 +0000 Chris Hajer 145371@https://legacy.forums.gravityhelp.com/ <p>Thank you for the update. I think you had another topic open for this as well. Can you update that one too and I will close it as well. </p> https://legacy.forums.gravityhelp.com/topic/css-class-name-for-pricing-field#post-145342 Sat, 09 Feb 2013 23:01:25 +0000 ehong33234 145342@https://legacy.forums.gravityhelp.com/ <p>Hey Chris, thanks for the answer. I went ahead and did the invisible method. Not optimal I know but it works for what I need it to do. </p> <pre><code>} body .gform_wrapper li#field_24_21 { color: #fcfcfc; } .gform_wrapper span.ginput_product_price { color: #fcfcfc; }</code></pre> https://legacy.forums.gravityhelp.com/topic/css-class-name-for-pricing-field#post-145298 Sat, 09 Feb 2013 19:22:43 +0000 Chris Hajer 145298@https://legacy.forums.gravityhelp.com/ <p>If you hide the field with CSS, it's the same way we hide fields which should be hidden by conditional logic, and the field won't be used in the calculation. You could reposition the text off screen using something like this:</p> <pre><code>[css] body .gform_wrapper .hidden-total { position: absolute !important; top: -9999px !important; left: -9999px !important; }</code></pre> <p>To make the text 'invisible' you have to make it the same color as the background it's on. If you do that, the space which would have been used to display it is still used, so that's not an optimal solution. </p> https://legacy.forums.gravityhelp.com/topic/css-class-name-for-pricing-field#post-145231 Sat, 09 Feb 2013 16:08:22 +0000 ehong33234 145231@https://legacy.forums.gravityhelp.com/ <p>I'm using multiple pricing calculation fields to come up with my pricing. However, I don't need all of the product pricing calculations to show up on the front end. If I put CSS Class Name "hidden-total" it doesn't show on the front end but the calculation also doesn't work. </p> <p>So... how can I create a CSS Class Name so that the field is transparent? </p> <p>The form id is 22 and field id is 31 if that helps.</p> <p>Thank you! </p>