Custom CSS on form

  • oldpc
    Asked on February 12, 2021 at 12:26 PM
    1. zip field input background still not white (asked 3 times)

    1613150542 6026b94e7059f  Screenshot 10

    1. 2. drop down corners not round (asked 2 times)
    2. 1613150589 6026b97d945d9  Screenshot 21
    3. input background still not white:

    1613150669 6026b9cd1446f  Screenshot 32

    1. 4. input background still not white (asked 5 times:
    2. 1613150697 6026b9e969f1c  Screenshot 435. same asked 6 times, wont let me add images here look at the phone field input background
    3. looking to hear from you before 3 pm et US time
    4. please test before sending youa answers

    thanks,

    R


  • Bojan Support Team Lead
    Replied on February 12, 2021 at 1:52 PM

    Greetings.

    To update the color of the ZIP input field, please add the following CSS:

    #postal_code[disabled="disabled"] {
     background: white !important;
    }

    Please make sure you add it directly to the widget:

    screenshot 3747 Screenshot 10

    You will need to add the provided CSS to both widgets.

    To make the dropdown rounded, please use the following CSS:

    #input_10 {
     border-radius: 15px;
    }

    Please add this to the form designer:

    screenshot 3748 Screenshot 21

    To update the background of the name field, please add the following:

    #first_9, #last_9 {
     background: white !important;
    }

    Please add it after the previously provided CSS.

    Can you please clarify your last question? Do you wish to update the background image of the email field? In this case, you can use the following CSS:

    #id_25 {
      background-image: url(https://q3p9g6n2.rocketcdn.me/wp-content/ml-loads/2015/12/email_ss_1920.png);
     background-size: cover;
    }

    Please note that you will need to upload your image before you can use it as a background.