Increasing the width of a form field

  • ertezet
    Asked on February 19, 2015 at 12:00 PM
    now i need to have the same design of the input fields. I am not able to design it in the designer.

    Check out the form: http://www.region-krkonose.cz/ubytovani/pec-pod-snezkou/penziony/penzion-zakouti/rezervace/

  • Jan
    Replied on February 19, 2015 at 12:04 PM

    Hi there,

    May I ask what do you mean as same design of the input fields?  Are you referring to the width of the text boxes?

    If yes, then please insert this custom css code to increase the width of the field.

    #lite_mode_29 { width: 295px !important; }

    Here's a guide on how to inject custom css.

     

    Hope this works. Thank you.

  • ertezet
    Replied on February 20, 2015 at 9:03 AM

    Hi there,

    if you clone this form and put in the form instead of this calendars the "localised calendar" the desing of the input fields of the calendard is different (height, widht)

    Radomir

  • Jan
    Replied on February 20, 2015 at 11:11 AM

    Hello,

    I understand what you mean. Unfortunately, we cannot customize it using custom css. Localized Calendar is a widget, it is using iframe inside the form which is the reason why we cannot apply custom css on it.

    However, the css code I provided can be applied to the date field.

    Hope you understand. Thank you!