How can I control the appearance of a specific field type using css?

  • Profile Image
    Asked on January 15, 2016 at 08:54 AM

    I have been using CSS to give my text fields a width of 1/2 of the sub-label-container's width using:


    .form-textbox {

        width : 50%;  



    This works well for me and I still want that affect for those fields, however I have noticed that the date/time field also uses text boxes assigned the same class and their width is affected as well.

    Is there a way I can specify a different width for specifically the date/time text boxes, so that I can fit them all onto the same line? I thought maybe each box would be given an id depending on the type of field it's a part of but I haven't been able to find any information about that or whether I am able to add my own. 


    Thanks in advance for any help, 


  • Profile Image
    Answered on January 15, 2016 at 09:14 AM

    Don't worry, found the ID's

  • Profile Image
    Answered on January 15, 2016 at 11:50 AM

    Thank you for your update.

    Alternatively, this is possible to double-click on a field input wile in a CSS editor in order to select it.

    We also have some CSS examples related to the fields positioning and the bottom of the next guide.

    How to Position Fields in JotForm

    If you need any further assistance, please let us know.