Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 1, 2016 at 8:01 pm #591755
    onesource_marketing

    http://www.onesourcebackground.com
    Here’s a screenshot of the Gravity Form I’m using (page is currently a draft): http://goo.gl/lQuIQR
    Note how the button is offset from the input fields? Looks funny. I’m trying to get the submit button to be inline with the input fields. Can you please help me with the following:
    1. Submit Button the same height as input fields
    2. Aligned with input fields so it’s centered
    Here’s the CSS I’m using in my Quick CSS box:
    #gform_3 > .gform_footer {
    display: inline-block;
    padding: 14px 0 10px;
    width: 20%;
    }

    #gform_3 .gform_body {
    display: inline-block;
    float: left;
    width: 80%;
    }

    Thanks!

    March 3, 2016 at 4:35 pm #592695
    Yigit

    Hi!

    Have you figured it out already? I cannot see newsletter section on your page :)

    Regards,
    Yigit

    March 3, 2016 at 4:45 pm #592704
    onesource_marketing

    @Yigit: “(page is currently a draft)” so you wouldn’t be able to see it.

    And to answer your question, No.

    I have provided the login details. Search for the page “Newsletter”. Again it is still a draft. Let me know if you have any issues logging in. Thanks!

    March 3, 2016 at 6:41 pm #592786
    Yigit

    Hey!

    Login credentials are not working for me with and without .at after email. Can you please check them once again?

    Regards,
    Yigit

    March 3, 2016 at 6:45 pm #592789
    onesource_marketing

    Sorry about that. I keep forgetting to give you guys the Username. And yes, the .at should’ve been on the email. Must not have copied over. Try the new login info. Thanks!

    March 3, 2016 at 6:54 pm #592800
    Yigit

    Hey!

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

    #gform_3 > .gform_footer {
    margin-top: 10px!important;
}

    Regards,
    Yigit

    March 3, 2016 at 7:14 pm #592821
    onesource_marketing

    Bummer that did not work. I even played around with different px sizes but the button doesn’t budge. Any other ideas? Also, the button is really far from the input fields. I’d prefer all 3 of them to be the same distance apart.

    March 4, 2016 at 6:24 pm #593441
    onesource_marketing

    I reached out to Gravity Forms and they gave me this CSS:
    http://codepen.io/rocketgenius/pen/fcfc837440b3d26aadf5ce218953a48f?editors=1100

    Unfortunately, this made the Submit button lower (vs higher) than the input fields. UGH! Thoughts?

    And what about request #1. Is there a way to get my Submit button to be the same height? I’m fine if this is global for all Gravity Forms.

    March 7, 2016 at 11:28 pm #594661
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .gform_footer input[type="submit"] {
    padding: 12px;
    min-width: 120px!important;
    margin-top: 8px;
}

    and it should look like this – http://i.imgur.com/HkS2vDD.png

    Cheers!
    Yigit

    July 7, 2016 at 4:56 pm #658143
    onesource_marketing

    Gravity Form Submit Button is still not lining up correctly. Could someone help? https://www.onesourcebackground.com/latest-news/

    Scroll down to the bottom of page: “Want to stay up to date? Subscribe to our Newsletter!”

    I used the following CSS. I’ve tried playing around with the different values but the submit button doesn’t want to budge.

    .gform_footer input[type="submit"] {
    padding: 12px;
    min-width: 150px!important;
    margin-top: 8px;
}

    I included login credentials in case you want to dig around.

    July 11, 2016 at 3:36 am #659054
    Ismael

    Hi,

    Thank you for the info. This css code should work:

    #gform_3 * {
    display: inline-block !important;
    float: left !important;
    clear: none !important;
}

    To make this selector more specific, add a custom css class attribute to the text block which is holding the form shortcode. http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Best regards,
    Ismael

    July 11, 2016 at 3:55 pm #659370
    onesource_marketing

    It’s better! There is just a teeny tiny shift.

    July 13, 2016 at 7:41 am #660213
    Ismael

    Hi,

    Are you referring to the submit button? Please try this:

    #gform_3 input[type="submit"] {
    margin-top: -1px;
}

    Again, you can add a custom css class attribute to the text block.

    Best regards,
    Ismael

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