mack785
Member
After manually updating to 1.4 our subscription form now is now one very long column:
http://www.aipathome.com/about-us/subscribe/
I tried adding the code recommended for Thesis theme for extra padding, etc.-- that did not help.
What do I need to do to 'un-columnize' it?
Thanks!
Your site is not outputting the Gravity Forms stylesheet which is why the form is unstyled. I'm not sure if you have turned this off or if something is wrong. Check the Settings page (Forms > Settings) and make sure CSS output is turned ON.
2 things here that I see.
1. The default forms.css file isn't being loaded so you're not getting those styles. Check to make sure that the "output CSS" option is set to "yes" in your form settings.
2. On line 324 of your headway.css file, there is a blanket "display:block" rule for labels that is forcing all of them to a new line.
http://www.aipathome.com/wp-content/themes/headway-166/media/cache/headway.css?1284645128
You can see from my screenshot that if you disable that rule, the labels move to the right position.
mack785
Member
Thanks to you both. I did need to re-check output CSS. That solved the display problem for the first section of the form which was the pre-configured name-address block. The other sections are still a little off.
As soon as I figure out what the actual code is to to disable the block rule -- without modifying the headway.css file I will try it.
looks like you're almost there. You can try something like this to tweak the alignment on the checkbox/radio buttons.
.gform_wrapper .gfield_checkbox li input[type="checkbox"], .gform_wrapper .gfield_radio li input[type="radio"], .gform_wrapper .gfield_checkbox li input {margin-top:5px !important}
Kevin,
I'm trying to implement your suggestion in Headway to get my alignment right, but I'm not sure where you are suggesting putting the code
.gform_wrapper .gfield_checkbox li input[type="checkbox"], .gform_wrapper .gfield_radio li input[type="radio"], .gform_wrapper .gfield_checkbox li input {margin-top:5px !important}
I'm new to all of this, but the first part of that doesn't look like CSS, and the last part does. Some clarification would be greatly appreciated.
Thanks!
Yep, it's all just CSS. You'll need to append that to the end the file where you put any custom CSS. I'm really not that familiar with Headway, so there may be a custom field in the admin where you put your custom CSS rules.
