Can I make these changes.

  • jrglass1949
    Asked on February 22, 2017 at 4:06 PM

    My form

     

    https://www.jotform.com/build/70476857063161

     

     

     

    Can the sub Header field (You may Register....) be made larger and or Bold?

     

    Can the line under  (You may Register....)  be removed?

     

    Can the information in the text box A.J Myers be moved up and not have so much space between the lines?

     

    Can the wording in the wording Donation - Yes I want and or Any Donation Welcome be made larger and or Bold

     

    On the paid plans how is billing done from if it is mid month?

  • David JotForm Support Manager
    Replied on February 22, 2017 at 7:27 PM

    1) "Can the sub Header field (You may Register....) be made larger and or Bold?"

    You can make it bold by injecting this CSS code in your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes  

    .form-subHeader{

        font-weight: bold !important;

    }

    On regards of making larger, do you want to set it to the same size of the header?

    2) "Can the line under  (You may Register....)  be removed?"

    Inject the following code to remove the line:

    .form-header-group{

        border: none !important;

    }

    3) "Can the information in the text box A.J Myers be moved up and not have so much space between the lines?"

    You can reduce it by doing a shift + Enter, instead of just Enter, example:

    Can I make these changes Screenshot 20

    Also, inject the following code to remove some space above the text field:

    #id_15{

        padding-top: 0px !important;

    }

    4) "Can the wording in the wording Donation - Yes I want and or Any Donation Welcome be made larger and or Bold"

    Please inject the following code to make it bold:

    #product-name-input_18_1003{

    font-weight: bold !important;

    }

    5) "On the paid plans how is billing done from if it is mid month?"

    Your billing cycle will start from the date you make your payment. So, if you pay today the 22nd, the 22nd of each month will be you billing cycle.

  • jrglass1949
    Replied on February 22, 2017 at 8:46 PM
    Thank you that did the job How I identify the names of the input field
    and is there a listing of the
    different commands to change the font size and bold the text?
    Thanks,
    Jeff
    ...
  • liyam
    Replied on February 23, 2017 at 3:46 AM

    Hello Jeff,

    Sometimes, what we do is check the published form and open view source. You can find the ID or class of the field related to it.

    Another method is opening the advanced Form Designer. The Form Designer icon is located at the right below Preview Form option. There, selecting the fields on the form will give you a glimpse of the class that it uses. 

     Can I make these changes Screenshot 50

    Scroll down and click the Advanced Designer

    Can I make these changes Screenshot 61

    On the Advanced designer, under the Design Tab, you will see the options available to set for the field for its class. So all fields with the similar class will be affected.

    Can I make these changes Screenshot 72

    There is also a CSS tab there which when you are on that tab, you will see the class on the selected field

    Can I make these changes Screenshot 83

    Feel free to let us know if you have other questions.

    Thanks.