Gravity Forms alignment

Support
#1

Hi,

I installed gravity forms and want to create a simple Subscription form.
The one I created, the button is under the field, and both aligned to the left.

I want the field on the left and the submit button on the right (Square corners)
Both in-line and aligned to the right.

Can you help?

Thank you

#3

Hey There,
​
​To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look on how you have set up your form?

To do this, you can create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
Thank you.

#4

Hi,

Sorry for the late reply.
Sure.

thank you

#5

Hi there,

I checked and looks like there is no available option for that alignment.Plus, the form fields and submit button belongs to different structures. All form fields are under gform_body while the button is under gform_footer. In short, it will be problematic if you align the entire body (which anytime can have many fields). Instead of using gravity form for just subscription, you should use a simpler one. Gravity form is only recommended for complex forms.

How about installing the X’s addon Email Forms or ConvertPlus, you can control them easily with CSS. Plus, ConvertPlus has its own editor and layout options.

Thanks!

#6

Hi Rad,

Thank you for your reply.
In fact, on GF side, they claim to have a solution here
Anyway, I’m going to use GF in more forms (complex)
Does any of those Email Forms or ConvertPlus have a database, so I can keep track?

Thank you

#7

Hi there,

Yes, it saves the subscriptions on its own storage while the data goes to other providers such as Mailchimp too. But yes, you may try their solution. And it’s always best to contact the plugin author :slight_smile:

Thanks!

#8

Hi again,
So, I found a way to make the GF work inline (field and button, side by side) adding a CSS code into GF (see here - Section Horizontal Form Layout)

The problem is that I want to have the field on the left and button on the right, and atm is the opposite.

Can you help me switch position?

Thank you.

#9

Hi there,

It’s because of this custom CSS,

body .gform_wrapper form .gform_body {
	    float: right !important;
	}

Please remove it and it should work.

Thanks!

#10

It worked.

Thank you

#11

Glad it worked.

Cheers!