All elements on a single horizontal line

Gravity Support Forums » Plugin Support » Gravity Forms

kskarlatos
Member

Just bought GravityForms and while I am excited I didn't realize that there would be so much work on the CSS part and I have almost no clue (although I am learning fast).

I have a 3 element form which consists of a Subject/Title (email address please), the MailChimp field for the email Address and a submit button. I am trying to get all three of these on a single line inside of the Wordpress Foobar plugin. Foobar will allow the GF shortcode as well as custom-css per top bar.

Here is a link to the test page: http://smart-protect.com/uncategorized/test-story-with-a-headline/

I have tried many different CSS snippets from your forums and gotten close but then that elusive submit button keeps getting away.

Looking for : Subject: __________________ [Submit}

Thanks.
Kimon.

Posted 13 years ago on Thursday March 8, 2012 | Permalink
Rob Harrell
Member
Kimon, try this, it should give you the general idea:
```
[css]
body #gform_wrapper_2 {
width: 450px;
}
#gform_2 .gfield_label {
float: left;
}
#input_2_1 {
margin: 7px 0 0 7px;
}
body #gform_wrapper_2 .gform_footer {
width: auto;
right: 750px;
padding: 0;
margin: -23px 0 0 0;
float: right;
clear: none;
}
```
This guy had a similar need, if you'd like to check that out too:

http://www.gravityhelp.com/forums/topic/making-gf-look-sexy
Posted 13 years ago on Thursday March 8, 2012 | Permalink
kskarlatos
Member

Thank you so much Rob. It was perfect. I had seen the post you mentioned and had tweaked it enough to break it... hence my plea for help.

Now I will tweak this to try to figure out how to change the text color and button shape/size because my theme just loves changing buttons to great big ones :-).

Thanks again for the super-fast support.
Kimon.

Posted 13 years ago on Thursday March 8, 2012 | Permalink
Rob Harrell
Member

Ha! I hear ya Kimon. You also can create your own image for your submit buttons and can also target them via CSS as well. Just shout if you get stuck, I'll help you out.

Posted 13 years ago on Thursday March 8, 2012 | Permalink