I feel like an idiot :) I want to have a simple optin form displayed with name and email next to each other, using CSS Ready Classes (gf_inline). But whatever I do, the code won't stick. If I paste in the form (advanced > CSS class) and save the form, the pasted code simply disappears. Enabling or disabling output CSS makes no difference. I must be overlooking something, but I cannot figure out what.
Any suggestions?
C.
PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.
CSS Ready Classes won't 'stick'
-
Posted 13 years ago on Thursday October 27, 2011 | Permalink
-
Hey Carl, could you provide a link to the form in question so we can take a look.
Posted 13 years ago on Thursday October 27, 2011 | Permalink -
LOL - i could have seen that one coming.
Its at the bottom of http://www.nobswebsites.nl/
Posted 13 years ago on Thursday October 27, 2011 | Permalink -
So, the problem is not the output on the front end, it's that when you paste your class name in the editor input field it gets cleared? If that's the case, it's most likely a browser/cache issue or something. Some browsers can be picky about pasting into the input fields. Try typing the class name in there instead of pasting it and see if that makes a difference.
Posted 13 years ago on Thursday October 27, 2011 | Permalink -
Incredible, but that did it! Just one minor problem: it doesn't work.... :( The code is saved but the fields are still listed vertical instead of horizontal.
I used "gf_inline". Should I also put that code in the Forms Settings CSS field? I tried with and without, but none worked.C.
PS Never knew that pasting txt can be such an issue. I'm using Chrome. Thanks for pointing me in the right direction. I would never have found this.
Posted 13 years ago on Thursday October 27, 2011 | Permalink -
Yeah, the pasting thing is kind of random it seems.. glad that fixed your issue there.
The "gf_inline" class only applies for forms with the default "top label" setting. You have the left label option enabled so the rule isn't being applied. You can switch the form back to the top label setting, but I'm guessing that's not going to get you the layout you're looking for.. labels, inputs and submit button all on one line. You'll probably need to do a little custom CSS work to get that layout.
Also, you only need to apply the "gf_inline" class on the fields, not on the form itself.
Posted 13 years ago on Thursday October 27, 2011 | Permalink -
Great. Hit us up if you need anything else. We're always happy to help out.
Posted 13 years ago on Thursday October 27, 2011 | Permalink
This topic has been resolved and has been closed to new replies.