ianandamy
Member
Hey! I've been searching the forum for info on getting a simple lead capture form on one (name, email and submit button all on the same horizontal line) but can't seem to find an answer.
I kinda want it to look like this:
http://i46.tinypic.com/2rrmdzr.jpg
Any CSS ninja help would be appreciated.
Thanks!
kyle
Member
Did you look at CSS Ready Classes? gf_inline in particular?
ianandamy
Member
Hey Kyle! Thanks for the response, yeah I did check that out, but the submit button is stillo on the second line, I did try and apply the gf_inline to that as well... it looks like this: http://i50.tinypic.com/20a8n08.jpg
The submit button will need to be targeted and styled with your own CSS. Do you have a link to your form to share?
Cool man, yeah i'd say just use Chrome Dev Tools to inspect it and play around there with adding/customizing your CSS to see what works best on the submit button. You can make your selector as generic or specific as you want as each submit input has it's own unique ID, but there are also various classes you can hook onto if you wanted the same effect site-wide.
I'd try something as simple as #your_form_id * {display: inline-block; margin: 0;} in your CSS
