How to change field confirmation widget font and size?

How can I update the Field Confirmation widget to match the font (Alegreya Sans) and Size (18)?

I'm a CSS beginner. I know where to insert the code but I don't know anything about composing or editing it, please let me know what I can copy and paste.

Thank you!

We are unsure which field you are trying to update. Please provide more details on the form and the field you are trying to change the fonts for. 

Meanwhile you can refer to the following help guide - https://www.jotform.com/help/185-How-to-Change-Form-Fonts 

Hi,

I'm also new to CSS coding, but I usually use the Advance CSS Editor to manage and customize the form.

Here's how I manage the form through CSS:

1. Click on the Advance CSS Editor button at the lower-left panel of the CSS panel. 

2. This will bring you to a new window with CSS and Design tabs on the right panel.

3. Click first on the widget or which field you would like to customize or edit.

4. While on the Design tab, scroll down to show you the properties of the widget that you have selected which you can change.

5. Click on Font Options to customize the font.

Here's another option, which is to manually inject the CSS codes.

After you make the changes in the fields and widgets, you have to click on the save button then the pencil icon to go back to the form builder.

I hope this would help. 

In addition, you can use Google Fonts https://www.jotform.com/help/100-How-to-Use-Google-Fonts-and-Custom-Fonts-in-your-Form.

ex.

@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans&display=swap');

input#input-field, input#confirm-field{

   font-family: 'Alegreya Sans', sans-serif;

   font-size: 18px;

}

You can inject that inside the widget's CSS tab https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets.

I hope that helps. Let us know if you have any questions or if you need further assistance.