All States and Cities widget: Change highlighted color for 'Show cities in dropdown'

  • brandonkplumb91
    Asked on August 31, 2024 at 1:20 PM

    Could anyone please help change the color of the highlighted green for 'Show cities in dropdown' for the All States and Cities widget? After choosing the state it shows that.

    It would be nice to just that highlighted area removed, but a color change would help a lot too.


    All States and Cities widget: Change highlighted color for Show cities in dropdown Image 1 Screenshot 20

  • Christopher JotForm Support
    Replied on August 31, 2024 at 3:32 PM

    Hi brandonkplumb91,

    Thanks for reaching out to Jotform Support. I have reviewed your form and currently, it is a Card Form. Please take note that it is not possible to inject custom CSS code to Card Form. Please change the layout of your form back to Classic Form in order to use custom CSS code. Here's how to do it:

    1. In Form Builder, on the right side of the screen, click on the Paint Roller icon.

    2. On the right panel, go to Layout.

    3. Click on Classic Form.

    All States and Cities widget: Change highlighted color for Show cities in dropdown Image 1 Screenshot 40

    Once your form layout is back to Classic Form, you can then proceed to inject the provided custom CSS code into the widget.

    /*Update the Show cities in dropdown background color - 18535441*/
    button#citiesButton {
    background-color: red !important;
    }
    /*Code ends here*/

    Here's how to do it:

    1. In Form Builder, click on the widget to select.

    2. On the right side of the selected widget, click on the Wand icon.

    3. On the right panel, go to Custom CSS.

    4. Paste the provided CSS code.

    All States and Cities widget: Change highlighted color for Show cities in dropdown Image 2 Screenshot 51

    Result:

    All States and Cities widget: Change highlighted color for Show cities in dropdown Image 3 Screenshot 62

    Give it a try and let us know how it goes.

  • brandonkplumb91
    Replied on August 31, 2024 at 6:32 PM

    RIGHT ON POINT!


    Thank you so much

Your Answer