Can you make the font size of the options in a dropdown box larger?

Can you make the font size of the options in a dropdown box larger?

Hi, @rdge. I hope you are having a wonderful day.

You can change the font size for all your forms using our Form Designer. I will show you in the gif below.

If you want to change the font size specifically of the dropdown options, you will need to use CSS code. First, you'll need to find an ID to identify the element you want to customize. The guide below shows you how.

Complete guide: how-to-find-field-ids-and-names

Then, you'll need to apply CSS for this element to change the font size. The following guides will introduce you to how to use CSS in JotForm.

Complete guide: how-to-inject-custom-css-codes

Complete guide: customize-your-form-using-custom-css-codes

It will be the code you should use to make this change.

#input_22 option {

font-size: 40px;

}

// please find the id of your dropdown

In the next gif, I'll show you an example of the entire workflow.

I hope this solves your doubt. If you need anything else, please let us know.

Have a great day!

Thanks, but im looking to change the font size of the dropdown items inside the Configurable List Widget CSS

Hi, @rdge. How are you?

The idea is the same. You have two ways; the first one is changing the font size of your form. In most cases, it will be the easiest solution.

But, if you need to change the font size of a specific element (in this example, a dropdown inside a Configurable List), you will need to use CSS code. We can help you with this. Please, provide us the link to your form, and I will be more than glad to help you.

Have a great week.

https://form.jotform.com/202893346899171

I want to change the font size of all the dropdowns labeled "ITEM" in each Configurable List Widget so they can match the font size of the "QUANTITY" number boxes.

Hi there,
Please note that if you make the font bigger, a horizontal scroll bar will appear because the elements won't fit the form and it won't be handy for the customer.
Are you sure you want to make the font in the ITEM dropdown bigger?

Awaiting your reply.
Thank you.

Yes

Hello! Please implement the following CSS code for each of your Configurable List widget (that consists of a dropdown) using these instructions.

select{

  font-size: 30px;

}

To see this code in action, please check this form: https://form.jotform.com/202934190101948

I hope this helps. Let us know if this doesn't solve your purpose.

Thank you!