[ahurlburt53Participant]

My client wants a gravity form that goes longways instead of a vertical form. Here is a screen shot of what there looking for. I know how to use gravity forms well. Please assist in guiding me in the right direction.

Screen Shot http://i.imgur.com/2ZTjPm4.png

website:http://f5b.560.myftpupload.com/

[ThaiModerator]

Hi There,

Try adding following CSS under Appearance > Customize > Custom > CSS:

#h_gform_1 {
    text-align: center;
}
#h_gform_1 input {
    width: 30%;
    margin-bottom: 0;
    margin-right: 3%;
}

Hope it helps.

[ahurlburt53Participant]

I got the form laded onsite and looks fantastic, however i went to test the form and it does not work. I copied the code from https://www.vsfmarketing.com on to this site http://f5b.560.myftpupload.com/. Can you tell if something is wrong with this code?

<div id=”homeCTA”>
<div class=”homeNorm”>
<h5 class=”homeH3″ style=”text-align: center;”><span style=”color: #ffffff;”>Schedule a Legal Consultation</span></h5>
<form id=”h_gform_1″ action=”/newsletter-signup/” enctype=”multipart/form-data” method=”post”><input id=”h_input_3_2″ class=”large” tabindex=”1″ name=”input_2″ type=”text” value=”” placeholder=”Enter First Name” /> <input id=”h_input_3_1″ class=”large” tabindex=”1″ name=”input_1″ type=”text” value=”” placeholder=”Your Email” /> <input id=”h_gform_submit_button_3″ class=”gform_button button” tabindex=”3″ type=”submit” value=”SUBMIT” /><input id=”input_3_3″ style=”display: none;” name=”input_3″ type=”text” value=”” /><input class=”gform_hidden” name=”is_submit_3″ type=”hidden” value=”1″ /><input class=”gform_hidden” name=”gform_submit” type=”hidden” value=”3″ /><input class=”gform_hidden” name=”gform_unique_id” type=”hidden” value=”” /><input class=”gform_hidden” name=”state_3″ type=”hidden” value=”WyJbXSIsIjk5MTk4M2NhYWY1NWU1NGZjNDg4MDgyZGFhYTQ2NmY4Il0=” /><input id=”gform_target_page_number_3″ class=”gform_hidden” name=”gform_target_page_number_3″ type=”hidden” value=”0″ /><input id=”gform_source_page_number_3″ class=”gform_hidden” name=”gform_source_page_number_3″ type=”hidden” value=”1″ /><input name=”gform_field_values” type=”hidden” value=”” /></form></div>
</div>

[ahurlburt53Participant]

I had to re do form. How can I make the form bigger in size and center on page? Disregard previous correspondence. Here is a screen shot

[ahurlburt53Participant]

Screen shot http://i.imgur.com/jChpLyf.png

[JadeModerator]

Hi there,

Please add the code below in the Customizer.

#gform_wrapper_2 {
    width: 100%;
}

#gform_wrapper_2 .gform_fields input.large,
#gform_wrapper_2 input.button {
    height: 50px; /* Controls the height of the form elements */
}

#gform_wrapper_2 label.gfield_label+div.ginput_container {
    margin: 0;
}

#gform_wrapper_2 .top_label li.gfield.gf_left_third,
#gform_wrapper_2 .top_label li.gfield.gf_middle_third, 
#gform_wrapper_2 .top_label li.gfield.gf_right_third {
    width: 32%;
    margin-right: 10px;
}

Hope that helps.

[JadeModerator]

Hi there,

Please add the code below in the Customizer.

#gform_wrapper_2 {
    width: 100%;
}

#gform_wrapper_2 .gform_fields input.large,
#gform_wrapper_2 input.button {
    height: 50px; /* Controls the height of the form elements */
}

#gform_wrapper_2 label.gfield_label+div.ginput_container {
    margin: 0;
}

#gform_wrapper_2 .top_label li.gfield.gf_left_third,
#gform_wrapper_2 .top_label li.gfield.gf_middle_third, 
#gform_wrapper_2 .top_label li.gfield.gf_right_third {
    width: 32%;
    margin-right: 10px;
}

Hope that helps.

[ahurlburt53Participant]

Holy smokes this is absolutely amazing!!!!! TY for everything

[ahurlburt53Participant]

I’m trying to make just the form description text white, is this how I make it white just for this form ( 2 )

Screen shot http://i.imgur.com/vcOgiGL.png

[ahurlburt53Participant]

Make text in screen shot white http://i.imgur.com/CCzkfcy.png

[RadModerator]

Hi there,

Nope, you should not add class name to style input. If you have existing css for text-white then you should add it to class input along with gf_simple_horizontal separated by space.

Or if you really wish to use the style option, you can add something like color: #fff; instead of text-white.

Hope this helps.

[ahurlburt53Participant]

Tried everything you mentioned and still no white text for description? Any Ideas

[ahurlburt53Participant]

I Also would like for the form to be centered with page. check out the screen shot http://i.imgur.com/QaddkXM.png

[Paul RModerator]

Hi,

To center your form, you can add this under Custom > CSS in the Customizer.

.home #x-content-band-5 .gform_wrapper {
    text-align:center;
}

.home #x-content-band-5 .gform_wrapper form {
    text-align: center;
}

.home #x-content-band-5 .gform_body {
   display:inline-block;
   vertical-align:top;
}

.home #x-content-band-5 .gform_footer.top_label {
   display:inline-block;
   vertical-align:top;
   max-width:90px;
}

Hope that helps.

[ahurlburt53Participant]

Still off to the left, Not quite sure why?

[Author]

Posts