How to change the size of 3 fields on my form

  • Profile Image
    adea
    Asked on August 11, 2020 at 02:14 PM

    Trying to submit this for the third time.


    I am trying to increase the size of three fields on my form:

    - firstname

    - lastname

    - institution name

    I added the code below to my css but it had no affect.  The code is:

    [data-component="first"] {

    width: 150 px;

    }

    [data-component="last"] {

    width: 175 px;

    }


    Help.

  • Profile Image
    Jimmy_D
    Answered on August 11, 2020 at 06:33 PM

    Try Using the CSS selectors below to target the First, and last name, and the Intuition name field. 

    /*First Name  */

    .form-sub-label-container[data-input-type="first"] {

        width : 150px!important;

    }

    /*Last Name  */

    .form-sub-label-container[data-input-type="last"] {

        width : 175px!important;

    }

    /*Intuition Name  */

    #input_18 {

        width : 500px!important;

    }

    Let us know should you need further assistance.

    Related guide.- How-to-Inject-Custom-CSS-Codes