Change appointment field hover color

  • Simmons_Lashay
    Asked on February 8, 2022 at 4:37 PM

    1 Hi how can i change the blue hover button on the drop down once you hover over the drop down a light blue border hover pop

    here is jotform link https://www.jotform.com/build/220247850170146


    2 On my second form on the appointment calandar i will like to change the color on the time slot when you pick and time slot it goes blue color also i will like to change the blue border around the calandar dates slots and a blue x


    see screenshot

    Here the form link

    https://www.jotform.com/build/220384052487153

    1644356414 6202e33eaa10a Screenshot 2022 Screenshot 10

  • Sonnyfer JotForm Support
    Replied on February 8, 2022 at 10:40 PM

    Hi there - Please allow me some time to check your form. I will be back shortly.

  • Sonnyfer JotForm Support
    Replied on February 8, 2022 at 10:40 PM

    Also, your second form will be answered on the following link to avoid confusion. https://www.jotform.com/answers/3745552

  • Sonnyfer JotForm Support
    Replied on February 8, 2022 at 10:43 PM

    Hi again - Your form https://www.jotform.com/220247850170146 doesn't seem to have an appointment field.

    1644378165 62033835e2235  Screenshot 10

    Are you perhaps referring to a different form? Kindly share its URL so we can check.

    Guide: Where-to-Find-My-Form-URL

  • Lashay
    Replied on February 9, 2022 at 12:29 AM

    How to change the blue check mark button colors ?


    When I hover on the drop down there is baby blue border


    here my hot form link. https://www.jotform.com/220247850170146

  • Bojan Support Team Lead
    Replied on February 9, 2022 at 5:22 AM

    Greetings.

    To remove the border when the field is active, please add the following CSS to your form:

    .form-dropdown:focus, .form-textarea:focus, .form-textbox:focus, .signature-pad-passive:focus, .signature-wrapper:focus {
     border-color: #c1c6d0;
     box-shadow: none;
    }
    .form-dropdown:hover, .form-textarea:hover, .form-textbox:hover, .signature-pad-passive:hover, .signature-wrapper:hover {
     border-color: #c1c6d0;
     box-shadow: none;
    }

    To change the color of the checkbox, you need to use the following CSS:

    .form-checkbox:checked + label:before, .form-checkbox:checked + span:before {
     background-color: red;
     border-color: red;
    }

    In this example, the color will be red, however, you can update this to your needs.

    Let us know if you have any additional questions.