How to change the position of the textarea field?

  • hammerto
    Asked on November 12, 2017 at 5:36 AM

    I am trying to chance the size and position of a text box in the css editor but no success.


    Jotform Thread 1296881 Screenshot
  • Nik_C
    Replied on November 12, 2017 at 8:49 AM

    I checked your form and it looks like this now:

    1510494399Screen Shot 2017 11 12 at 2 Screenshot 10

    The form is changed a bit comparing to your image, could you please point us more how exactly you want your fields modified since I wasn't completely sure?

    We'll wait for your response.

    Thank you!

  • hammerto
    Replied on November 12, 2017 at 8:56 AM

    Please look on the page with the green TAG (Education)

    https://form.jotform.com/73145824226960

  • Jan
    Replied on November 12, 2017 at 10:40 AM

    Thank you for the clarification. Please try inserting this custom CSS code into your form:

    #cid_43 .form-sub-label-container {
    float: right;
    }

    #cid_51 .form-sub-label-container {
    float: right;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

    151050119011 12 ngffu Screenshot 10

    Hope that helps. If you have any questions, let us know. Thank you.

  • hammerto
    Replied on November 13, 2017 at 3:09 AM

    Thanks, that was helpful.

    what about the size? how can I change it and make it wider?

    BR

    tommy

  • Nik_C
    Replied on November 13, 2017 at 4:46 AM

    I tried to find a CSS that will do that, but I wasn't able to. And that is related to the theme used in the form which prevents CSS to work, so in order to change that field's width, the theme needs to be removed which will change the layout of the form.

    I cloned your form and did the above so please check https://form.jotform.com/73162319251956 how it looks like. 

    We'll wait for your response.

  • hammerto
    Replied on November 13, 2017 at 4:55 AM

    Thanks,

    That solved only the problem of the text box but now I will have to deal with the rest, 

    Like alignment to the right and most of the form had 4 column.


    Can I edit the form you sent?

  • Chriistian Jotform Support
    Replied on November 13, 2017 at 8:44 AM

    You can clone the form sent by my colleage: https://form.jotform.com/73162319251956 by following the guide in How to Clone an Existing Form from a URL