Custom CSS not saving changes

  • uthseducation
    Asked on May 17, 2024 at 5:25 PM

    Hi there,

    I'm trying to inject custom CSS to change the colours in my dropdown menu, etc. however when I try and do so it doesn't save my changes even though it says it is.

  • Afzal JotForm Support
    Replied on May 17, 2024 at 5:50 PM

    Hi Laurie,

    Thanks for reaching out to Jotform Support. I cloned your form and tested it to see if I could replicate the issue, and I ran into the same problem. This can be fixed by adding custom CSS to your form. Check out the steps below to see how it's done:

    • Open your form in Form Builder and click on the blue Paint Roller icon on the right side of the screen.
    • Under the Styles tab, paste the code below into the Inject Custom CSS area.
    /*To change the dropdown color - 15001101*/
    ::placeholder, 
    .form-dropdown:first-child {
        color: black !important;
    }

    Here's what the result will look like:

    Custom CSS not saving changes Image 1 Screenshot 20

    Here's the cloned version of the form that you can test.

    Please give it a try and let us know how it goes.