Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 8, 2014 at 1:23 am #331999
    rcgroup

    Hi Gentleman

    Looking for a way to modify the CSS to have gravity forms look more native within the theme

    What form look like and behave like now:

    http://rcgauto.staging.wpengine.com/shipping/quote/ (hosted on WPengine)

    What I want it to behave like:

    http://rcgauto.staging.wpengine.com/contact/

    Specifically fill the screen and align correctly

    Thank you

    October 8, 2014 at 7:00 pm #332625
    Yigit

    Hi rcgroup!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 990px) {
.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full, #top .gform_wrapper .top_label li.gfield.gf_left_third, #top .gform_wrapper .top_label li.gfield.gf_middle_third { width: 100%; }}

    Regards,
    Yigit

    October 8, 2014 at 8:06 pm #332664
    rcgroup

    Hi – see attached screenshot

    It worked for the first 2 fields but not the rest

    https://www.dropbox.com/s/z8mnf6zs22nax95/IMG_0162.PNG?dl=0

    • This reply was modified 10 years, 2 months ago by rcgroup.
    October 9, 2014 at 4:56 am #332887
    Ismael

    Hi!

    Please add this inside the media query:

    #top .gform_wrapper input, #top .gform_wrapper select {
margin-bottom: 0;
min-width: auto;
min-width: 315px;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.