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.

Form in sidebar - label should be left, input field right

  1. msweber
    Member

    Hi,

    I have put the shortcode into a text widget in the sidebar.

    http://www.haartransplantation-tuerkei.com

    Its the first form. I want the input field right next to the labels. But it does not work. I set the li and the labels with css display: inline.

    Any ideas???

    Posted 13 years ago on Saturday December 10, 2011 | Permalink
  2. You should use floats instead of display inline. What if you did:

    [css]
    body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type="text"] {
    float: right;
    }
    body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_label {
    color: white;
    float: left;
    line-height: 30px;
    clear: both;
    }
    .gform_footer.left_label {
    clear: both;
    }

    If you want the input field to but all the way up, you can just float the label and not the input.

    Posted 13 years ago on Saturday December 10, 2011 | Permalink
  3. msweber
    Member

    It almost worked, but now it looks like this:
    http://www.haartransplantation-tuerkei.com

    any ideas

    thank you so much for your quick support

    Posted 13 years ago on Saturday December 10, 2011 | Permalink
  4. We're getting there, glad to help! Check out the my edited post above. I added a line-height and a clear to the label style. See if that works for you.

    Posted 13 years ago on Saturday December 10, 2011 | Permalink
  5. msweber
    Member

    Thanks,

    I also adjusted the width and height of the paragraph text. It looks better and better.

    How can I change the css of the green send button?

    Posted 13 years ago on Saturday December 10, 2011 | Permalink
  6. It looks like there is a .button class in your style.css that's doing the green styling and such. It looks like that submit button has that class. So you should be able modify that, unless that's being used elsewhere in the site and you don't want to mess with it? If that's the case you can just get more specific with your selector or change the class on the button and make your own new style for it. Does that help?

    Posted 13 years ago on Saturday December 10, 2011 | Permalink
  7. msweber
    Member

    yes,

    that worked fine. I think I say goodbye to Wufoo forms and stick with you.

    thanks

    Posted 13 years ago on Saturday December 10, 2011 | Permalink
  8. lol, awesome! Glad you are liking Gravity Forms. Let us know if you need anything else!

    Posted 13 years ago on Saturday December 10, 2011 | Permalink