Need to change colors on calendar days

  • I would like to change the color of the days on the calendar to match the light blue and putty colors throughout the rest of the site. Can you tell me how to do that?

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi @emdburke

    can you please add this to custom styles at EA Settings > Customize page.

    .ui-datepicker .ui-datepicker-current-day {
    background-color: #cfe4eb;
    }

    .ui-datepicker a {
    color: #595959;
    }

    .ea-bootstrap .ui-datepicker .no-slots, .ea-bootstrap .ui-datepicker .no-slots:hover {
    background-color: #c9bca8;
    }

    Best regards,
    Nikola

    Thread Starter emdburke

    (@emdburke)

    Thank you for the CSS instructions! I added them to the custom styles page and saved it, but it does not look like there is any change to the calendar appearance.

    Thread Starter emdburke

    (@emdburke)

    Hi Nikola,

    Even after changing the CSS, the colors on the calendar seem to be the same as before. Any idea why?

    Thank you!

    Hi @emdburke can you please try this?

    .ui-datepicker.ui-datepicker .ui-datepicker-current-day {
    background-color: #cfe4eb;
    }

    .ui-datepicker.ui-datepicker a {
    color: #595959;
    }

    .ui-datepicker.ea-bootstrap .ui-datepicker .no-slots, .ui-datepicker.ea-bootstrap .ui-datepicker .no-slots:hover {
    background-color: #c9bca8;
    }

    Best regards,
    Nikola

    Thread Starter emdburke

    (@emdburke)

    Thanks, Nikola. That worked for the hover and selected date. I still see the dates where no appointments are available as being in an olive green type color that I need to change. Could you give me the CSS code to make the unavailable dates this color: #9e9b84.

    I also need to change the color of the arrows at the top of the calendar to #cfe4eb. Thank you!!

    Thread Starter emdburke

    (@emdburke)

    Hi Nikola,

    Just checking to see if you could give me the last two pieces of CSS code to resolve my plug-in issues. I need the CSS code to make the unavailable dates this color: #9e9b84.

    I also need to change the color of the arrows at the top of the calendar to #cfe4eb. Thank you!!

    Erin

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Need to change colors on calendar days’ is closed to new replies.