Default Text fonts not working and inconsistent text displayed.

  • Profile Image
    ejwjohn
    Asked on February 10, 2020 at 02:56 AM

    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

  • Profile Image
    JohnRex
    Answered on February 10, 2020 at 06:58 AM

    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- 

  • Profile Image
    JohnRex
    Answered on February 10, 2020 at 07:00 AM

    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.

  • Profile Image
    ejwjohn
    Answered on February 10, 2020 at 07:19 AM

    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

  • Profile Image
    Jimmy_D
    Answered on February 10, 2020 at 09:37 AM

    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. 

    1581345445custom css.gif

    Feel free to contact us if you have more questions. 

  • Profile Image
    Jimmy_D
    Answered on February 10, 2020 at 09:43 AM

    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. 

    1581345824Annotation 2020-02-10 094139.p

  • Profile Image
    ejwjohn
    Answered on February 10, 2020 at 11:13 AM

    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

  • Profile Image
    Kevin_G
    Answered on February 10, 2020 at 01:41 PM

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

    15813599641.gif

    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. 

  • Profile Image
    ejwjohn
    Answered on February 10, 2020 at 03:20 PM

    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

  • Profile Image
    ejwjohn
    Answered on February 10, 2020 at 03:21 PM

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

    JohnW

  • Profile Image
    Kevin_G
    Answered on February 10, 2020 at 04:49 PM

    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. 

  • Profile Image
    ejwjohn
    Answered on February 10, 2020 at 05:34 PM

    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

  • Profile Image
    Jimmy_D
    Answered on February 10, 2020 at 06:43 PM

    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, 


  • Profile Image
    ejwjohn
    Answered on February 11, 2020 at 02:33 AM

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


    JohnW

  • Profile Image
    Vanessa_T
    Answered on February 11, 2020 at 05:54 AM

    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/

  • Profile Image
    patriotsforpets
    Answered on February 21, 2020 at 01:07 PM

    I am having issues with font sizes - one day it was perfect - next day everything changed.  I asked how to get it back - changed the font size per directions but it won't  print in the larger font size - nuts - time to look for new form supplier if this isn't changed back.  Someone apparently had an idea of some great update and screwed all of us up that liked it the way it was.
  • Profile Image
    JohnRex
    Answered on February 21, 2020 at 02:12 PM

    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