How do I modify the label font size and color for the date widget

  • jim371
    Asked on October 8, 2017 at 9:01 PM
    But one last question. How do I modify the label font size and color for the date widget.
  • jonathan
    Replied on October 8, 2017 at 10:01 PM

    You can inject custom CSS codes to your form similar to this 

    #label_52,#label_53 {

    font-family: "Arial", sans-serif !important;

    font-size : 16px !important;

    color : #f5f5f5


    }

    Just change the values according to your needs.

    Example:

    How do I modify the label font size and color for the date widget Image 1 Screenshot 20


    Let us know if this did not work for you.


  • jonathan
    Replied on October 9, 2017 at 3:56 PM

     But how to see the existing CSS code for the both the widget date field and the standard date field so I can make the adjustment to the font?

    You can follow the steps on our user guide: How to Inject Custom CSS Codes

    Let us know if you need further assistance on this.