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.

Trying to lengthen the year window for the date

Gravity Support Forums » Plugin Support » Gravity Forms

  1. rob@imagestudios.net
    Member

    At the url http://withthisring.org/givewtr-team-registration-form/ I'm using the date format of MM/DD/YYYY. But, the YYYY window is the same width as the other two. So, when you type in 1978 for example, you don't see all of the digits. Is there a way to lengthen that box only? Thanks!

    Posted 11 years ago on Thursday June 27, 2013 | Permalink

  2. Richard Vav
    Administrator

    Your theme's CSS is overriding the default Gravity Forms styles and reducing the width of the date and time inputs, specifically the following CSS which is found in gravity-mod.css

    #top .gform_wrapper .gfield_time_hour input,
#top .gform_wrapper .gfield_time_minute input,
#top .gform_wrapper .gfield_date_month input,
#top .gform_wrapper .gfield_date_day input,
#top .gform_wrapper .gfield_date_year input {
width: 70% !important;
margin: 0 !important;
display: inline-block !important;
}
    Copy

    you can either modify that style or add the following to restore the width back to the Gravity default

    #top .gform_wrapper .gfield_time_hour input,
#top .gform_wrapper .gfield_time_minute input,
#top .gform_wrapper .gfield_date_month input,
#top .gform_wrapper .gfield_date_day input,
#top .gform_wrapper .gfield_date_year input {
width: 85% !important;
}
    Copy
    Posted 11 years ago on Thursday June 27, 2013 | Permalink

  3. rob@imagestudios.net
    Member

    Thanks for your help and speedy reply. This tipped me off on how to approach it. Very much appreciate it!

    Posted 11 years ago on Saturday June 29, 2013 | Permalink

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