I have an issue where checkboxes are indenting more based on each line. I can provide a temp fix by adding more bottom margin to each, but when I do this in my custom.css file it doesn't take, only when I edit forms.css. I know that WooThemes has some gravity forms specific code in Canvas (what I'm using) but I can't find anything that changes it. Any ideas?
http://vsyncdev.com/pre-evaluation-guide
http://vsyncdev.com/support
Thanks in advance!
Chris
You never want to make changes to the default forms.css file. That file is overwritten with every update and if you make changes there, you'll lose them. If you create your CSS rules properly, you should always be able to make the necessary changes from your theme stylesheet.
I looked at your form and your theme is applying a 10px margin to the bottom of ALL inputs, checkboxes and radio buttons included. This causes the odd stacking when combined with the floated labels.
You can add this to the end of your custom.css file and it should fix you up.
body .gform_wrapper .gfield_checkbox li input[type="checkbox"],
body .gform_wrapper .gfield_radio li input[type="radio"],
body .gform_wrapper .gfield_checkbox li input {margin-bottom:0}screenshot: http://grab.by/8r1u
Awesome! I knew I didn't want to add to the main style.css file, but I couldn't find out what was causing the problem to override it in custom.css.
You guys rock and I'm loving your product by the way!
Thanks!
Thanks for the kind words. Trust me, we're happy that you're happy. If you need anything else, just let us know.