How to change height of date input boxes in a configurable list?

  • Profile Image
    Phil_Smith_phil
    Asked on November 08, 2021 at 07:03 PM

    I have a form with a configurable list that includes a date field, but I can't adjust the height of the date input.

    I have inserted the following in the widget CSS, but only the heights of the text and number inputs change:

    input[type="text"] { height: 30px;}

    input[type="date"] { height: 30px;}

    input[type="number"] { height: 30px;}

  • Profile Image
    Jessica_H
    Answered on November 09, 2021 at 12:50 AM

    Hello,

    Kindly try to use the following CSS code instead:

    input.translatable, select.form-dropdown.d, select.form-dropdown.m, select.form-dropdown.y, input.stepper { height: 30px ; }

    You can adjust the px value according to your need.