Title Case for List Field Headers (Labels) [RESOLVED]

Currently the Headers (labels for columns) are in all caps. Any way to change that to Title Case, and/or adjust the font size? Based on the example on this page, I used this code for changing the color as a test but I don’t see any change. Maybe my theme is overriding the Additional CSS?

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_list table.gfield_list thead thtable.gfield_list thead th {color: red}

Hi Leslie. What is the URL of the page on your site where we can see the list field to help with the CSS? Thank you.

It’s a protected site for about 150 people only. I create a user account for you if you can share an email address. Thanks!

Sure - send the login information to chris@rocketgenius.com

Hi Leslie. Try this CSS in your theme stylesheet or add it via the Customizer (Appearance > Customize > Additional CSS):

body .gform_wrapper table.gfield_list th {
	text-transform: none;
	color: red;
	font-size: 20px;

Here’s what the looks like when applied to your form:

Works like a charm! Thanks very much!

1 Like