CSS code for Full Name Field

  • Linkmeinguides
    Asked on January 16, 2017 at 3:13 AM

    Hi,

    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.

  • Charlie
    Replied on January 16, 2017 at 4: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. 

    CSS code for Full Name Field Image 1 Screenshot 20

     

    Let us know if that helps.