PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Inline button with fields

  1. rikitrader
    Member

    I'm trying to set two name and last name fields and the submit button inline. How can I do that?

    Also, How can I change the background of the form? The part of gform_footer top_label? on my form?

    I have tried and done this but the field are gone.

    [css]
    /* set a height so the background shows properly */
    body #gform_wrapper_13 {
    	position: relative;
    	height: 90px
    }
    
    /* size and position the form footer with button */
    body #gform_wrapper_13 .gform_footer {
    	width: auto !important;
    	position: absolute;
    	right: 0
    }
    
    /* set max width on form to make room for button */
    body #gform_wrapper_13 ul#gform_fields_13 {
    	max-width: 85%;
    }

    Thanks again

    Posted 12 years ago on Thursday July 12, 2012 | Permalink
  2. Can you post a link to your form?

    Posted 12 years ago on Thursday July 12, 2012 | Permalink
  3. rikitrader
    Member

    http://team3p.com/commercial/ at the bottom (the Newsletter one)

    Posted 12 years ago on Thursday July 12, 2012 | Permalink
  4. Try this out:

    [css]
    .gform_widget #gform_wrapper_10 .gform_footer {
    float: right;
    padding: 0;
    margin: -50px 180px 0 0;
    }
    Posted 12 years ago on Thursday July 12, 2012 | Permalink
  5. rikitrader
    Member

    Thanks!. Last question; to make the imput field bigger ( Big letters?)) What shall I use. Sorry to bother again.

    Posted 12 years ago on Thursday July 12, 2012 | Permalink
  6. No problem. By input field are you referring to the name and email fields just on this one form? And also are you referring to the text that is placed inside of them or the labels?

    Posted 12 years ago on Thursday July 12, 2012 | Permalink
  7. rikitrader
    Member

    Yes. The Letters inside the Name and Email.

    Here is an example.

    http://reoleaks.com/

    Like the field letter is bigger. How can I do that?

    Posted 12 years ago on Thursday July 12, 2012 | Permalink
  8. You can use this to target just those 3 inputs:

    [css]
    #input_10_1_3, #input_10_1_6, #input_10_2 {
    font-size: 18px;
    }

    Keep in mind by doing that, we'll need to shorten the email field a bit and then you'll need to adjust your submit button's margin.

    [css]
    #input_10_2 {
    width: 250px !important;
    }
    .gform_widget #gform_wrapper_10 .gform_footer {
    float: right;
    padding: 0;
    margin: -58px 70px 0 0;
    }

    Screenshot

    Posted 12 years ago on Thursday July 12, 2012 | Permalink
  9. rikitrader
    Member

    Now to move the labe of the email 20px?

    Im doing this but not working

    #input_10_2.label { margin: 0 20px;}

    Thanks again!

    Posted 12 years ago on Thursday July 12, 2012 | Permalink
  10. Bam!

    [css]
    #field_10_2 .gfield_label {
    margin-left: 20px;
    }
    Posted 12 years ago on Thursday July 12, 2012 | Permalink
  11. rikitrader
    Member

    Rob. You are just great! Thanks again for your help!

    Posted 12 years ago on Thursday July 12, 2012 | Permalink
  12. No problem - glad to help!

    Posted 12 years ago on Thursday July 12, 2012 | Permalink

This topic has been resolved and has been closed to new replies.