How does one Bold the Subheader Text?

How do I bold the subheader text? or increase the font size?

You can do it with CSS.

.header-large .form-subHeader {

    font-size: 20px!important;

    font-weight: bold;

}

How to Inject Custom CSS Codes

here is a demo form - https://form.jotform.com/201632044344040 

I am afraid it doesn't work.

I pasted in the above under the Inject Custom CSS segment :

.form-header {

}

.header-large .form-subHeader {

    font-size: 20px!important;

    font-weight: bold;

}

Is this the form you're working on?

https://form.jotform.com/201189075276459

If so, please try using this custom CSS code:

h2#header_1 {
    font-size: 40px;
    font-weight: bold;
}

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

No, and it doesn't work. This is my form.

https://form.jotform.com/SACMembership/Proxyform

Also, do I paste it under after the header CSS? ie #6 onwards, or do I replace it at #1?

I checked your form and noticed that you had not added a Subheader.

I created a Subheader and then added the CSS code, which was provided by my colleague. It worked fine. This is the CSS code:

.header-large .form-subHeader {

    font-size: 40px!important;

    font-weight: bold;

}

Please add a Subheader on your form and then inject the CSS code. In order to inject the CSS code, you can follow this guide:

https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

You can clone and test my form from here:

https://form.jotform.com/201633031860949

Let us know if you need any further assistance.

I am sure I am missing something here. I did not know I needed to create a subheader. i thought it was automatic? I created a header, and then typed the text under the smaller text for subheader. Is that not correct?

In the screenshot below, I am referring to bolding and increasing font size for the 2nd line (is that not the subheader?

Hi, thank you for your response.

Please note that subheaders are added automatically when you add a header field.

Just to clarify, are these the sections you are referring to?




We look forward to your response. Thank you.

Yes. I am referring to the 4 headers. But it does not work

Thank you for your response.


Please allow us some time to work on the solution to your problem. As soon as we have a solution for you, we will get back to you.

Thank you for your patience. 

Hi, thank you for your patience.

Please replace all your custom CSS code with this code:

div.form-subHeader {

    font-weight: 800 !important;
    font-size: 20px !important;

}


Here is a guide on how to inject custom CSS codes: How-to-Inject-Custom-CSS-Codes


Let us know if that works for you. Thank you.

Thank you very much. It works now.