Resize email correctness check widget.

  • jasonsvctech
    Asked on January 29, 2017 at 4:30 PM

    Can you assist with CSS code to resize the email correctness check widget input box? I have a form that I am using for appointment reservations that I am trying out the email correctness widget on and I need assistance with how to resize the column and row size to make it conform to the overall sizing of the rest of the form to ensure our operators don't overlook it due to its small size. Please help.

     

     

    The form in question is here:https://form.jotform.com/70215494726963 

    To overcome the conditional logic of the form:

    You will need to enter any name in the operator name 

    then you will need to enter 19426 in the next opening

    then you will need to enter: "home" under the type of repair

    then enter the name and phone number - these just need to be filled no check on them.

    the next part that arrives is the email. This email block needs to be larger and would be but because it is a widget, I can't resize it as I would typically as other form fields are easily resizable through the application. 

    Please assist wth CSS coding assistance to increase the row and column sizing. 

     

    In Kindness,

     

    Jason

  • Chriistian Jotform Support
    Replied on January 29, 2017 at 10:11 PM

    Please add the code below into the Custom CSS area of the Email Correctness Check widget.

    #user_email {

        width: 673px;

        height: 40px;

        font-size: 2em;

    }

    .email-suggestion {

        font-size: 1.5em;
    }

    Resize email correctness check widget Screenshot 20

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