How to change the font color in dropdown menu?

I chose the pink theme and the font is black for most things but the drop down list font is a very light pink and is hard to see, not sure how to change this. I even used the CSS option and clicked on .dropdown code part and typed in font and copy/pasted a darker font and there was no error but nothing happened. At a loss.

Hi,

To change the font color of your form, please follow the steps mentioned below.

First Step: Load your form in the editor.

Second Step: Click "Form Style" from the form toolbar.

Third Step: Click on the "Font Color' and change it to the desired color.

This guide should help you in injecting this custom:

https://www.jotform.com/help/117-how-to-inject-custom-css-codes/

Hope this helps.

Regards,

Menerva

I have edited many parts of the form and fonts and I have no idea what the "form toolbar" is.

Hi there,

Please use this CSS code:

.form-dropdown{

  color: #FF1493 !important;

}

Here's how you can paste it:

If you want to choose a different color just change the color code on the css code ( color: #FF1493 !important; ).

You can refer to this link for the color codes: https://www.quackit.com/css/css_color_codes.cfm

If you have any clarifications, let me know.

Regards,

Ah ok thank you! Obviously none of the font fillers were working!
...

Could you also help me with changing the outline colors for the input
tables? When I use the code helper the tables aren't even there for me to
select and edit. There is also a weird missing border-line on the top of
the labeled far left column of all the tables, not sure if that can be
fixed, I can maybe the code is set to bottom border and not top border so
the first box top doesn't have a border.
...

Hi,

Please allow me some time to work on this, and I'll get back to you shortly.

We appreciate your patience.

Hi there,

If you would like to style the first cell in a similar way to the other column headers, please paste the following CSS code in the Inject Custom CSS option:

.form-matrix-table th:first-of-type:not(.form-matrix-row-headers) {

background-color: #FFC7DB;

border: 1px solid rgba(150, 45, 83, 0.75) !important;

border-radius: 4px 0 0;

}

The following guide should help you how to inject custom CSS code in form: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

Hope this helps.

Do get back to us if you have any questions.