Style Number Fields like Total Field

Use “gf_price” and “gf_total” CSS classes via the “CSS Class Name” setting to style your Number fields like a product price (red) or total (green).

Instructions

See “Where do I put snippets?” in our documentation for installation instructions.

Code

Filename: gw-style-numbers-like-total.css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
/**
 * Gravity Wiz // Gravity Forms // Style Number Fields like Total Field
 *
 * Use "gf_price" and "gf_total" CSS classes via the "CSS Class Name" setting to style your Number fields like a product
 * price (red) or total (green).
 */
.gform_wrapper .gf_price input[type=text],
.gform_wrapper .gf_price input[type=number] {
	border: 0;
	font-size: 1.2em;
	color: #060;
	text-indent: 0;
	padding: 0;
}
.gform_wrapper .gf_total input[type=text],
.gform_wrapper .gf_total input[type=number] {
	color: #060;
}

Leave a Reply

Your email address will not be published. Required fields are marked *

  • Trouble installing this snippet? See our troubleshooting tips.
  • Need to include code? Create a gist and link to it in your comment.
  • Reporting a bug? Provide a URL where this issue can be recreated.

By commenting, I understand that I may receive emails related to Gravity Wiz and can unsubscribe at any time.