How to change the font color in dropdown menu?

  • Profile Image
    itimaginglogs
    Asked on November 27, 2021 at 09:22 PM

    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.

  • Profile Image
    Menerva_B
    Answered on November 27, 2021 at 09:32 PM

    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

  • Profile Image
    itimaginglogs
    Answered on November 27, 2021 at 10:00 PM

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

  • Profile Image
    Jeric_T
    Answered on November 27, 2021 at 10:51 PM

    Hi there,

    Please use this CSS code:

    .form-dropdown{

      color: #FF1493 !important;

    }


    Here's how you can paste it:
    1638071429_61a2fc85b8c45_ezgif.com-gif-m

    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,

  • Profile Image
    itimaginglogs
    Answered on November 28, 2021 at 06:33 AM
    Ah ok thank you! Obviously none of the font fillers were working!
    ...
  • Profile Image
    itimaginglogs
    Answered on November 28, 2021 at 06:55 AM
    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.
    ...
  • Profile Image
    Saeed_K
    Answered on November 28, 2021 at 08:01 AM

    Hi,

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

    We appreciate your patience.

  • Profile Image
    Saeed_K
    Answered on November 28, 2021 at 08:59 AM

    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;

    }

    1638107931_61a38b1b538d1_

    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.