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

  • Profile Image
    localwanderings
    Asked on June 09, 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.19

  • Profile Image
    Kiran
    Answered on June 09, 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! 

  • Profile Image
    localwanderings
    Answered 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

  • Profile Image
    Kiran
    Answered on June 11, 2020 at 01: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!

  • Profile Image
    localwanderings
    Answered 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.jpg

  • Profile Image
    Anita_K
    Answered 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:

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

    Looking forward to your answer.