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.

Date picker layout / allignment issue

  1. motormart
    Member

    For some odd reason date picker field and image next to it do not align. Any one has any ideas on why this might be?

    http://www1.motormartseattle.com/service/service-appointment/

    Also is there is a way to get time field on my form next to the date picker? I want these two to show up next to each other horizontally, not vertically. How can I get this done?

    Thank you,

    Posted 6 years ago on Wednesday October 24, 2012 | Permalink
  2. Your theme is adding padding and margin to all blog images. You can move the calendar icon by using this CSS to your theme's stylesheet to override the default style:

    [css]
    body .gform_wrapper form img.ui-datepicker-trigger {
        padding:0;
        margin:0;
    }

    Once you fix that, can you report back with your next question? The site stopped loading for me after I looked at the first issue.

    Posted 6 years ago on Wednesday October 24, 2012 | Permalink
  3. motormart
    Member

    Thank you Chris. That helped on the image alignment.

    Second question was, how can I setup two column layout on certain fields? For example if you look at the form, how can I move time field next to the date field. So date field will be column 1 and time field will be column 2?

    Thank you,

    Posted 6 years ago on Wednesday October 24, 2012 | Permalink
  4. Our Ready Classes should assist you here:
    http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes

    Posted 6 years ago on Wednesday October 24, 2012 | Permalink