Paragraph field's font size is superseded by the font size of the form

I have a paragraph element and a multiple choice question, both having the same text content. How do I make sure they have the same font sizes? The form designers says its Verdana 16pts, while the paragraph element details are Verdana 11pts.

-----------------

I tried to set via css a different font size at 12pts just to test it, see sample below:

However, as soon as I leave that field, it reverts back to its original size.

https://form.jotform.com/201551138692454

The font size on the paragraph needs to be setup separately from inside the field as you can see a text editor tool bar inside the field.

Example:

Please try this and let us know.

Yup I understand what you're saying about the paragraph. What I don't get is why the base font size is 16pts, but it looks close compared to the paragraph at 11pts.

It seems that the font size set in the Paragraph field is being superseded by the form's font.

Please try this workaround:

If the Paragraph field is being superseded by the form's font, what could be the issue here with the sample image below? Is it the kerning/tracking? The 2nd #6 uses the Paragraph field but they don't have the same result. They have a differrent text widow/orphan.

The Text editor in the Paragraph field works separately with respect to the form font size. The the source code within the text-element tends to override the other font size. So, injecting HTML code into the source code of the text-element will make it work separately.

If the Paragraph field works separately with respect to the form font size... then is it really true that the Paragraph field may have a Verdana 11pts, and it will look closely-sized to the form font at Verdana 16pts?

Yes, as far as I can see the paragraph field uses a different text editor like an mce editor and hence the difference in size. Hence you will see the 11 px size on this field similar to the 16 px size setup on the form.

Noted on this. Is there a possible way for the Paragraph field to be superseded by the form's font, or to reflect the form's font size? I made the 2nd #6 question using the Paragraph field so that I can customize (to be able to underline or bold a font) the question. But when viewed on mobile, the difference in font size is noticeable.

You can add custom CSS code to do that. For example, we can set the font size to 16px for that specific question and make it bold when viewed on mobile. Here's a code for that:

@media screen and (max-width: 480px){

div#cid_120 {

    font-size: 16px!important;

    font-weight: bold;

}

}

Here's how it looks on mobile:

GUIDE: Adding-Custom-CSS-in-JotForm