[ahurlburt53Participant]

Please assist with the following gravity forms http://5d1.da5.myftpupload.com/news/

gravity forms id 2 on side bar http://i.imgur.com/Rt8WEsW.png

1. make gravitybox form mobile responsive
2. input fields same height as submit button
3. submit button inline with form

screen shot http://i.imgur.com/1Jjyvle.png

[RadModerator]

Hi there,

Thanks for posting in.

Your form looks aligned on my end, how do you like it to be responsive? Stacking for mobile?

For the meantime, please add this CSS.

.gform_wrapper .top_label input.medium, body .gform_wrapper .top_label select.medium, body .gform_wrapper .top_label li.gfield.gf_left_half, body .gform_wrapper .top_label li.gfield.gf_right_half {
    width: 45%;
    float: left;
}
.gform_wrapper label.gfield_label+div.ginput_container {
    margin-top: 0;
}
.gform_wrapper input[type=text], body .gform_wrapper input[type=url], body .gform_wrapper input[type=email], body .gform_wrapper input[type=tel], body .gform_wrapper input[type=number], body .gform_wrapper input[type=password], body .gform_wrapper select, body .gform_wrapper textarea {
    height: 4.01em;
    margin: 0px 0;
    padding: 0 0.65em;
    line-height: 4.01em;
}

@media ( max-width: 767px ) {

.gform_wrapper .top_label input.medium, body .gform_wrapper .top_label select.medium, body .gform_wrapper .top_label li.gfield.gf_left_half, body .gform_wrapper .top_label li.gfield.gf_right_half {
    width: 100%;
    float: none;
    clear: both;
}

.gform_wrapper label.gfield_label+div.ginput_container {
    margin-top: 10px;
}

#gform_2 > .gform_footer {
width: 100% !important;
margin-top: 10px !important;
}

.gform_wrapper .gform_heading {
    text-align: center;
}

}

Cheers!

[ahurlburt53Participant]

I added the csss to customizer. Can we remove the space between description heres a screen shot http://i.imgur.com/3ZhPCRG.png

where to find subscription box http://i.imgur.com/VzB9yG9.png

website http://5d1.da5.myftpupload.com/

[RupokMember]

Hi there,

Thanks for updating. You can use this CSS –

.gform_wrapper img {
  margin-bottom: 0;
}

Hope this helps.

Cheers!

[Author]

Posts