Change theme of fields

  • Profile Image
    Julie Henderson
    Asked on July 03, 2015 at 11:51 AM

    I'm converting an old form to a new theme I created to match new biz branding. All worked well except where there is a dropdown box. The color in those two fields is the old theme. How can I get that to match the theme?

     

     

  • Profile Image
    BJoanna
    Answered on July 03, 2015 at 01:03 PM

    You can change background color of dropdown fields by Injecting Custom CSS.  Inside of your Form Builder select Setup & Embed tab, then click on Preferences, then select Form Styles tab and inside of Inject Custom CSS field at the bottom of existing code paste this code:

    .form-dropdown {

    background-color : #ede9de!important;

    }

    After adding this code your form will look like this. 

    Also here is my demo form: http://form.jotformpro.com/form/51835390354962? 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance. 

  • Profile Image
    Julie
    Answered on July 03, 2015 at 02:01 PM

    Perfect. I figured it was CCS, but was unsure of the syntax Is there a reference that has that kind of information?

    Thanks!

  • Profile Image
    BJoanna
    Answered on July 03, 2015 at 02:30 PM

    I am glad to hear that your problem is resolved. 

    I have inspected your form inside of Google Chrome with Inspect element option Ctrl + Shift + I. When you select inspect element Console will appear.

    Then I selected Search option and inspected one of the fields to see which background-color is applied to that filed. Then I copy color code and applied it to dropdown field. 

    You an also use HTML Color Picked to find CSS code of colors.

    http://www.w3schools.com/tags/ref_colorpicker.asp 

    Hope this will help. Let us know if you need further assistance.