How to change the color in the the hover states, the border, and the selected time of appointment slots field?

  • localwanderings
    Asked on June 9, 2020 at 10:23 PM

    I also need to change the blue in the other places, the hover states, the border, and the selected time slots. Can you let me know how?


    1591737636Screen Shot 2020 06 09 at 2 Screenshot 10

  • Kiran Support Team Lead
    Replied on June 9, 2020 at 10:40 PM

    Please allow me sometime to check on this and get back to you with the relevant CSS code.

    Thank you! 

  • localwanderings
    Replied on June 11, 2020 at 11:46 AM

    Hi Kiran,

    I'm still seeing the wrong blue on the selected time slots... any idea?
    thanks


    1591890376103275079 182681353162632 4258 Screenshot 10

  • Kiran Support Team Lead
    Replied on June 11, 2020 at 1:37 PM

    Please try adding the following CSS code to change the colors of the appointment slots field.

    .appointmentCalendar .calendarDay.isActive .calendarDayEach, .appointmentSlot.active, .appointmentFieldRow.forSelectedDate {

        background-color: #111a3a !important;

        color: #fff;

        border: 1px solid #97adfd;

    }

    You may change the color codes as per your requirement.

    Thanks!

  • localwanderings
    Replied on June 12, 2020 at 11:46 AM

    Thanks Kiran, on mobile I think it still shows the wrong blue, but not on desktop for some reason... any idea?

    1591976815aa Screenshot 10

  • Anita_K
    Replied on June 12, 2020 at 12:23 PM

    Hi,

    I've checked your form on mobile view, and it seems to be showing the correct blue tone:

    How to change the color in the the hover states, the border, and the selected time of appointment slots field? Image 1 Screenshot 20

    Can you maybe try clearing your browser's cache to see if it solves the issue?

    Looking forward to your answer.