Change Event Calendar Color

Hello - does anyone know how to change the color of an event calendar? I would like the hover description to be a color other than gray.

@maygenhiser Can you share site url?

Here you go, tuanphan! https://www.teasomtea.com/

@maygenhiser Add to Home > Design > Custom CSS

.yui3-squarespacecalendar .flyoutitemlist {
    background: #fff;
}

Thank you! It worked, @tuanphan. 

Would you happen to know how to do the same thing for the Google maps backgrounds?

Also, @tuanphan, do you know how to change the text color on the calendar fly-out box?

5 hours ago, maygenhiser said:

Thank you! It worked, @tuanphan. 

Would you happen to know how to do the same thing for the Google maps backgrounds?

Can you take screenshot?

5 hours ago, maygenhiser said:

Also, @tuanphan, do you know how to change the text color on the calendar fly-out box?

Did you solve?

2 hours ago, tuanphan said:

Can you take screenshot?

Did you solve?

I solved the text color issue.

Here's a screenshot of the maps

Hover over colour code didn't work for me? Anyone else?

On 11/24/2020 at 6:57 AM, MMEbyKiandraTrickett said:

Hover over colour code didn't work for me? Anyone else?

Can you share link to event? We can check easier

Thanks @tuanphan, my client decided against having the calendar - so will tackle it for next time!

Hey I'm trying to accomplish this same thing, I've used two different codes - one from Ghost Plugins and the original posted here by @tuanphan.

What reason would this not work for me? The CSS does not create any changes to my event summary, even after changing the color values. I am on 7.0 Brine template.

On 3/20/2021 at 2:01 AM, TyDaPepperGuy said:

Hey I'm trying to accomplish this same thing, I've used two different codes - one from Ghost Plugins and the original posted here by @tuanphan.

What reason would this not work for me? The CSS does not create any changes to my event summary, even after changing the color values. I am on 7.0 Brine template.

Can you share link to event summary? We can help easier

Hi @tuanphancan you make a custom css code also for my site? https://smartvirtualassistants.com 

It's also for the calendar color and hover. Thanks!

18 hours ago, Dymasalang said:

Hi @tuanphancan you make a custom css code also for my site? https://smartvirtualassistants.com 

It's also for the calendar color and hover. Thanks!

Can you share link to page where you use calendar? I don't see it on homepage

Also, i see some text a bottom of homepage

Quote

//Add Banner in One bag One Love page

I think you can find it in Page Header or Code Injection Header then remove it

Hello! The code worked great to change the color of the hover box on desktop, but it is still grey on mobile. Can you tell me how to code in the color change on the hover box for mobile? I need it to be color #cb9c01 

The site I'm working on is for a client. 

Thanks!

Nevermind I found this other code you wrote in another forum! Thank you! Here's the code for mobile hover color for calendar block if anyone else is looking. 7.1 template.

.yui3-squarespacecalendar .flyoutitemlist {
    background: red !important;
}