How to increase the width of a Date-Time field?

  • Profile Image
    Asked on December 14, 2016 at 05:29 PM

    Form ID: 63223545076151

    Hi, I am working on a registration form for one of our events and there is a field length issue that I couldn't solve. I hope you can help me with that.

    First date-time fields appear as they are supposed to, here we do not have any problems:

    And in the end of the form (under the "Travel Details" section) we have two date-time fields as reminders ("Your Check-in" and "Your Check-out", I guess their field numbers are 103 and 104). They are read-only. Except this setting the rest is the same but the year field is not wide enough to show the year.

    How can I change this? I tried to remove and add these two last fields again but it did not work.

    Thank you for your help.



  • Profile Image
    Answered on December 14, 2016 at 07:06 PM

    Please add this custom CSS code, it should fix both of them:


    #year_103, #year_104 {
        width: 100px !important


    Even though you seem to be familiar with custom CSS codes, here is a tutorial that explains how to add them:


    Please let us know if you need further assistance.

  • Profile Image
    Answered on December 16, 2016 at 10:50 AM

    Dear AIDAN,

    Thank you for your help, this CSS trick solved the problem.

  • Profile Image
    Answered on December 16, 2016 at 11:06 AM

    You're quite welcome Sercan! Happy to help. Please don't hesitate if you need anything.