CSS code for Full Name Field

  • Profile Image
    Asked on January 16, 2017 at 03:13 AM


    In my previous question, you showed me how to change the width of full name box. Thanks for that. But I want to change the size of each box as well so the sizes are different. I tried myself but the outcome is not very good. You can see in this form https://www.jotform.com//?formID=70150970596460# in field: Market 1. Can you suggest me solutions to this? Thanks for your support.

  • Profile Image
    Answered on January 16, 2017 at 04:15 AM

    You can use this CSS code to change the first name and full name fields:

    /*First Name*/

    #cid_4 > div:nth-child(1) > span:nth-child(1) {

        width : 50% !important;



    /*Last Name*/

    #cid_4 > div:nth-child(1) > span:nth-child(2) {

        width : 30% !important;



    The width value can be changed based on your own preference. This is how it looks like in my end. 


    Let us know if that helps.