the color of the time window will not change

[Pavel Lukáš]

Why doesn’t the color of the time window change after marking the time in the Appointment Booking calendar? The color is still the same and it confuses people. I tried other templates as well as the block editor. Can it be set somewhere please?

[J. Davis]

Hi,

Thanks for your question. If those styles are missing in your theme, you may add it with th custom CSS style below:

.appointment-form-shortcode .mpa-booking-step.mpa-booking-step-period .mpa-time-wrapper .mpa-times .mpa-time-period.mpa-time-period-selected, .appointment-form-shortcode .mpa-booking-step.mpa-booking-step-period .mpa-time-wrapper .mpa-times .mpa-time-period:hover, .appointment-form-shortcode .mpa-booking-step.mpa-booking-step-period .mpa-time-wrapper .mpa-times .mpa-time-period:focus {
    background: #1aba9d;
    border-color: #1aba9d;
    color: #fff;
}

Let me know if it is helpful.

[Pavel Lukáš]

John great, thank you very much, it works.

[Author]

Posts