I'm trying to add some padding to a section break in the form on this page:
http://www.webcarsandtrucks.com/get-started/request-form/
I want to put 20px of padding above the "Type of Vehicle You'd Like" title.
I've tried everything I could think of, but nothing is working. I'm just not able to target that field. :(
Any help would be appreciated. :)
You can find that information here.
http://www.rocketgenius.com/gravity-forms-css-targeting-specific-elements/#section
There are several samples of how to properly target the form elements for CSS manipulation.
If I add a custom GForms style to my theme's stylesheet, it looks like I have to disable GForms CSS output for all of the forms, right?
When I disable the CSS output, my forms get all wonky looking because they then start usig the theme's stylesheet. Do I need to set new style properties for everything if I want to change one thing across all forms?
I've tried adding all sorts of styles to my theme's (Genesis) stylesheet, but nothing works.
Thanks for the assistance, but I'm afraid I'm still a bit stuck.
No, you don't have to turn off the CSS output to add another style to your theme stylesheet. All you need to do is target the section break class properly to override the styles it's inheriting from your theme.
Add this to the end of your theme stylesheet. It should get you rolling. You can tweak the values to suit your preference.
body #content .page .gform_wrapper ul.gform_fields li.gsection,
body #content .post .gform_wrapper ul.gform_fields li.gsection {margin:8px 0 16px 0; padding: 0 0 8px 0}test screenshot: http://grab.by/8Xxm