Form looks right in builder, but not in preview or on web

jot form had given advice on inject css

it now looks right in builder, but not on web

i probably did something wrong w how the code was injected

please advise

m

I have checked your form and it looks the same in the Form Builder and when loading the direct link to it, here are some screenshots about it: 

What I would suggest you is to clean the CSS code that you have injected to your from, please try removing all the existing code and injecting this one instead: 

#input_15 {

    width : 300px;

    font-size : 20px;

}

.form-line.form-line-column.form-col-2 {

    width : 130px;

}

#label_14 {

    width : 100px;

}

.form-dropdown {

    width : 100px;

}

#input_14 {

    width : 200px;

}

.form-line.form-line-column.form-col-4.jf-required {

    width : 40px;

}

#input_22 {

    width : 150px;

}

The form layout may change depending on the embed method you're using to embed it, for example, if you're using the source code of your form then there may be some CSS styles in your form that are affecting the embedded form. 

However, you may provide us the link to the webpage where you're embedding it as well as the desired layout, we will be glad to check it for you. 

Thanks. 

awsome

m