I'm trying to restyle the section titles in a somewhat complex form, but nothing is working. I would like to try styling each section title differently, but righ tnow I'll settle just for being able to make them stand out in the same style.
I tried using the CSS code from the Sample Targeting CSS (example for title below; copied into my theme's default.css), but nothing changes.
body #gform_wrapper_10 .gform_body .gform_fields .gsection .gsection_title {color: red}
Using Firebug, it looks like the default h2 styling from my theme is overriding the h2 in the section code, but that string of styles looks so specific, I'm baffled why it's not touching it. I've tried creating a new class in default.css and putting the name of that class in the CSS Class Name field (Advanced tab). Obviously I'm doing something wrong but I guess I need help to figure it out.
The test page of the form is here:
http://www.radonc.utoronto.ca/test-page
Thank you in advance for the help!