CSS classes with aligned on left?

jklupfel
Member

Hi

I just purchased gravity forms, and i'm trying to replace a mailchimp optin form that i have on my site.

Currently this is what the mailchimp form looks like
https://www.dropbox.com/sh/oy7koioe1te6re2/SOD_O8-uN6/mailchimp%20form.png

and this is what the gravity form looks like
https://www.dropbox.com/sh/oy7koioe1te6re2/-_E4oM-Yci/gravity%20form.png

I figured out how to add 2 columns http://eatoutsunshinecoast.com/about-us/
but it only seems to work with the label on top.

I would like to have the label on the left, and i would like to move the sign up form up.
Is that possible?

Thanks

Posted 11 years ago on Monday July 1, 2013 | Permalink
Rob Harrell
Member
Try this out. Change the classes to both be gf_inline instead and change both input fields to use the "large" size instead of "medium". Then try using this CSS, just place in your theme's stylesheet or wherever you are instructed to place CSS at the theme level:
```
[css]
#field_1_1 .gfield_label, #field_1_4 .gfield_label {
float: left;
}
#field_1_1 .ginput_container, #field_1_4 .ginput_container {
float: left;
margin-top: 10px;
width: 50%;
}
#gform_wrapper_1 .gform_footer.top_label {
padding: 0;
margin: 0;
position: relative;
right: 0;
top: -40px;
}
```
Posted 11 years ago on Monday July 1, 2013 | Permalink

This topic has been resolved and has been closed to new replies.