Reply To: Color for available days in “Year Availability” view

Home Pro Support Forums CSS and Design Color for available days in “Year Availability” view Reply To: Color for available days in “Year Availability” view

#6495
room34
Keymaster

I may need to see your page to give you optimal advice on this, but first I want to clarify something: it sounds like your days that are booked do not have a color, is that correct? They should, that’s how it’s designed. If they don’t, then it’s something in your theme CSS that’s conflicting.

If the booked dates do have a color, and you just want the free dates to also have a different color, you can do that with this CSS selector:

.ics-calendar-year-availability-grid td.empty .day

Note though that this does not affect the “half” dates (with the diagonal background color). The CSS for this is a bit more complicated, as it involves the CSS linear-gradient function, and also because that CSS is inserted dynamically to accommodate feed color coding. I am planning in an upcoming update to add an option to set the “empty” date background color for these views, which would handle the linear-gradient as well.