Default Text fonts not working and inconsistent text displayed.

Some time ago i reported an issue with defining Default text fonts and size which not working, and i was told that your developers are working on a solution as in this thread: -

https://www.jotform.com/answers/2070951-Set-the-font-size-and-style-on-text-elements-the-same-as-the-form-by-default-#13

However nothing seems to be happening.... is this the normal level of support we can expect??

I have started a new form now and i am still suffering from the same issues

for example i did some searching on your forum as i want to increase the size of the text for my Questions, and i found a thread that suggested inserting the following code :-

.form-label.form-label-top.form-label-auto {

    font-size : 15px !important;

}

Which i did, but it only appears to increase the size of the question text on one field, which has the label at the top, and that makes some sense as the code only refers to the text changing on the Top, but HOW do i add CSS to change the size of the Question regardless of where they are placed.

And i still get  confusing results when i select a new Text field, the editor appears to disregard the default text, and selects a totally different text Font.

and there are more concerns i have on this same issue

Thx

JohnW

Hello JohnW - I can see that the thread you mentioned has been escalated to our developers as a feature request.  Please keep in mind that there's no assurance whether it will be implemented as it will highly depend on the viability of the feature, the number of similar requests we get, along with the workload of our Developers.

Regarding the custom CSS code you provided above, you were correct. It is intended for a specific field only. 

You may refer to this guide to know more about how you can customize the fonts of your form questions: Customize-Your-Form-Using-Custom-CSS-Codes

And aside from it, you can also customize the font size via the ADVANCED FORM DESIGNER.

Please see this guide: Form-Designer-Tutorial-Let-s-create-fantastic-forms- 

Also, I forgot to mention. You can use this code in case you want all your form labels/questions to use a 15px font-size:

.form-label {

    font-size : 15px !important;

}

This code applies to all the form questions.

Ref you claim that you can customize your Question Font size in Advanced Form Designer, please can you show me where? the only option in Advances Form design is to change the default Font....... and when you do that it does not work when used within the Text Field...

JohnW

Our apologies for the inconvenience. If your question is referring to how to add custom CSS in advance Designer mode, please see the screencast below. 

Feel free to contact us if you have more questions. 

I wanted to specify something that doesn't show up in the screencast. Please Once you are in the ADVANCED DESIGNER mode, click on the CSS tab to add your custom CSS. See the Screenshot below. 

No, my question had nothing to do with inserting CSS, I am aware of that process.

The response from JohnRex implied that there was an option to alter the Question text font/size from within the Advanced Designer screen, and I could not find it, so I wanted clarification on where this option was

JohnW

You can change the text properties on the label and font options, example:

If the properties you're looking for are not covered on the designer tool settings, some CSS code would be required. 

Also, changes made on the designer tool seem to be saving, here is the form on my screen-cast: https://www.jotform.com/61278972554972 

Kindly note that if you have also injected CSS code to affect the same elements, there may be a conflict and you need to either remove the code to format the text with the settings only, or keep formatting the text with the code. 

If you have questions, let us know. 

Kevin,

Yes, thanks for this, I was aware of what you can do in the Label Styles, but I really want to change the font size, which seems odd that you can do other changes but a basic font change is only achieved via CSS.

Thanks Again

JohnW

By the way, did you mean to show me another Form, which is not mine??

JohnW

Sorry, I'm not sure if I understood correctly your last reply, as shown on my screen-cast, it's possible to change the font size through the settings, may you please let us know if you did not find this option on your end or if this does not affect the form? 

Also, my form was indeed a different one, it was an example to show where the settings are as well as the result. 

Here's also a cloned form of the last one you've edited where I increased the font size through the settings: https://form.jotform.com/200406016742948

I noticed there is some CSS code changing the font size for the labels and as mentioned before this causes a conflict with the settings applied through the designer so you would need to remove the CSS code in order to have the designer changes applied. 

Please kindly give it a try and let us know how it goes. 

Ok, Understand about the other form.

Your screencast shows you changing the font size across the whole form, I just wanted to increase the font size for Labels only.

JohnW

Hi John, 

To change the custom CSS you will need to inject custom CSS code to the form as the DESIGN menu doesn't offer font size as an option. 

Example:

 .form-label.form-label-top {

    font-size:18px;

}

Regards, 

Yes, thanks and that is similar to what has already been included in the CSS for this form.

JohnW

As what I understand with this thread, you want to change the font-size of all the labels (only) regardless of it's position (top/left). To do so, please use the Custom CSS below:

label.form-label { font-size: 15px !important; }

Should you need other customizations within your form that requires CSS, don't hesitate to contact us anytime so we can provide you with the code since each forms might be different and the CSS for other user's forms might not work on yours.

Meanwhile, you may also check out this site that discusses CSS should you find interest on it:

https://www.w3schools.com/css/

Hi @patriotsforpets - I have moved your concern to a separate thread so we could discuss it further. 

I will be posting my response via this link below shortly:

https://www.jotform.com/answers/2174947