How to correct the width on birth date?

Hi, see screen shot image below...

...as you can see the drop down menu for day, month and year are not in correct width. Day is too wide and the month is too narrow as doesn't show full "April" when selected.  Same for the year - only show "19" rather than "1970".

How can I adjust the width with this birth date widget please?  I have tried searching for similar question on this forum with no luck.

Let me know, thanks.

Lyndon

Hello Lyndon,

Please inject the following CSS code to your JotForm by following the guide below : 

http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Code

#cid_18  {

max-width: 250px !important;

}

#cid_18 .form-sub-label-container:first-child {

width : 50px !important;

}

#cid_18 .form-sub-label-container:nth-child(2) {

width : 100px;

}

#input_18_day {

width: 50px;

}

#input_18_month {

width: 100px;

}

#input_18_year {

width: 70px;

}

By adding the code to your JotForm, the date should be displayed as shown in the image below :

Let us know if you need any further assistance. Thanks!

Hi Kiran,

That's brilliant - why didn't I have though of this!! Thank you! I have injected and it is working nicely now!

I would highly recommend people to use JotForm - great support team and great tools!

Thanks again,

Lyndon

Anytime, Lyndon. We're glad that we could help you with this. We appreciate your feedback and we thank you for your recommendations. Please do not hesitate to get in touch with us if you need further assistance. We are always happy to assist you.

Thank you for using JotForm!