I have adjusted my h3 tag so that the first letter is larger than the rest. Now that I am using gravity forms the title tag is pulling from this h3 tag and affecting my first letter so that it is smaller than the rest of the letters. I am trying to counteract this preceding rule but am not having any luck with everything I am trying. Is there anyway I can get gform title to ignore the h3 rule that I want applied to the rest of my pages but not my contact form?
My site is http://www.gogeinc.com
my h3 rule is:
[css]
h3 { font-size: 18px; padding: 20px 30px 20px 15px;}
h3:first-letter {font-size: 36px; font-family: Century Gothic, sans-serif; font-weight:lighter;}
I have tried with no luck:
[css]
body #gform_wrapper_1 .gform_heading .gform_title.first-letter {font-size: 60px; }
body #gform_wrapper_1 .gform_heading .gform_title h3.first-letter {font-size: 60px; }
body #gform_wrapper_1 .gform_heading .gform_title h3:first-letter {font-size: 60px; }
Any suggestions on how to manipulate the first leter with the gform or nullify the h3:first letter rule altogether?