How to increase the width of the Birthdate picker's year field, without affecting the overall width?

  • sbcenter
    Asked on February 8, 2016 at 11:11 AM
    I also would to increase the width of "year" box in the Birth Date Picker without affecting the whole width of it. Its because when i select a specific year I cant see the last digit of that year. 
  • Ben
    Replied on February 8, 2016 at 11:15 AM

    Now, the CSS that we need here is quite similar to the one we used in the previous thread, but we need to "upgrade" it a bit.

    This is the CSS that will allow you to keep the width of the other fields, while increasing the width of the year:

    #id_5 .form-sub-label-container {
        margin-right: 4px;
    }
    #id_5 .form-sub-label-container:nth-child(3) {
        margin-right: 0;
        width: 60px;
    }

    You should add it to your form as in the previous cases (Inject Custom CSS Codes - adding it after the other codes in there).

    I do however want to mention that for me, the numbers were already visible (all 4 of them), but with the CSS above there is more space.

  • sbcenter
    Replied on February 8, 2016 at 11:23 AM

    Perfect! Thanks!