Calendar Customization

Site URL: https://www.chasinthegroove.com/schedule

Hello,

I've scrolled through a lot of different forum posts regarding editing the calendar color blocks and most were not working or did not answer all of my questions. 

https://www.chasinthegroove.com/schedule

1. I would like the dates for when there is an event to have a specific background color (#22065a) to stand out. 
2. The pop-out box to also have that background color (#22065a)
3. Be able to change the font colors so they are readable on the dark background
4. In some of the events, I have a live link in the description. When I was able to change the font color, it didn't change the link color so it was no longer readable. 

TIA!

Add to Design > Custom CSS

/* has event */
td.has-event {
    background-color: #22065a !important;
}
.has-event ul.flyoutitemlist {
    background-color: #22065a;
}
.has-event ul.flyoutitemlist *, .has-event * {
    color: white !important;
}

Hello,

Is there a version of this that can apply to mobile view?

It changed the colour on my desktop version but doesn't apply to mobile

.has-event ul.flyoutitemlist {
    background-color: #22065a;
}

On 9/2/2021 at 11:40 AM, izzyharrison said:

Hello,

Is there a version of this that can apply to mobile view?

It changed the colour on my desktop version but doesn't apply to mobile

.has-event ul.flyoutitemlist {
    background-color: #22065a;
}

Hi. Can you share link to event on your site?