Styles messed in Form Designer

Dear JotForm team,

I was trying to edit my form in the new Designer and it seems like the styles in the Form Designer and the Form builder interact somehow: either I can't make any changes to the element at all or changes occure to all elements of the same class instead of just one selected.

I attached the screenshot of how my from looks like in the Designer and by the link you can see how it looks like live. As you can notice, fonts, button styles and fields widths differ and I can't fix it.

For example, when I click on the green button and try to increase its height, simultaneously the upper button changes its height, which I don't want to. Or, anither issue, the text field width can't be changed at all.

Could you please advice me on what the problem might be?

Thank you!

Sergey

Thank you for contacting us.

To be able to increase the width of Text Boxes you will need to expand them first.

When you click on the green submit button it opens the general Button Styles menu, so these styles do affect other buttons on the form.

As a work around, you can set a specific height for the Upload button with the next CSS:

.qq-upload-button {
height: 25px !important;
}

Please feel free to contact us if you need any further assistance.

Hi Mike and thank you for your reply!

I managed to fix the width problem following your advice.

Another question in the post was about the font size.

Here's how it looks in the Designer:

And here's what it looks like when embedded:

Neither I can find a way to change the font size for hover text and sublabels.

And I'll ask one more design related question right here:

Thank you!

Sergey

Hi Sergey,

I have moved your other two questions to a new thread where we would help you resolve them.

This way we will avoid any confusion, but also as we are not able to reply to multiple issues per one thread. You will be able to find it here: http://www.jotform.com/answers/462160

Now in regards to the font.

I might be missing something, but to me they look the same. However when inspecting the code I see that you have 3 different fonts assigned to the .form-all class

"Trebuchet MS"   
Verdana   
"Trebuchet MS",​sans-serif

Now, depending on which one you would like to use, you could set it as most important like this:

Do let us know if that helps.

Best Regards,
Ben

Hi Ben,

thank you for your assistance, it has worked out.

Cheers!

Segrey

Hi Sergey,

You are welcome.

I am glad to hear that :)

Do let us know if you have any further questions.

Best Regards,
Ben