Event list page background is the wrong colour

How was this resolved? I want to change some colors as well… thanks.

I edited the the-events-calendar/resources/events.css file

Look for the code

.category-events #tec-content {
	background:#1E1E1E;
	width:670px;
	padding:1px 35px;
	margin-left:10px;

and adjust the background:# to the colour you prefer

I found a couple of great tools to help match the colour to my website:
the colorzilla add-on for firefox (https://www.colorzilla.com/firefox/) & this web colour chart https://html-color-codes.com/

Hope this helps!
Meg

Thanks for the info, Meg! Turns out I’m actually trying to change the color of the hover box…. How do I describe … the container of the information in the tooltip when I mouse over a date in gridview, the hover box, is blue. I want to change that color. (I’m talking about the background color of the post title content in that hover box). Blue doesn’t go at all with the site I’m building, I need to change the color… any thoughts?

Thanks!

m

I think I get the bit you mean LOL

In the-events-calendar/resources/events.css file try changing the colour code here:

.tec-tooltip .tec-event-title {
	background-color: #3F7DBD;
	margin:0;
	color:#fff;
	font-size:12px;
	padding:0 6px;
	height:24px;
	line-height:24px;

Hope this helps!!
Meg

kiwimeg I am hoping you still check this thread because I think you could answer my question ??

I would like to adjust the background color on the single event view. Can you point me to the correct code? Thanks!

(anyone else is welcome to chime in too)

AnnieMarie317 – a relatively easy way to find this is to use Chrome, and then go to the wrench icon in the top right corner, and then Developer Tools, and the click on the magnifying glass (inspector tool). Click on the part of the site you’re curious about, and the the corresponding bit of code will show up in the bottom right box.

Hope this helps.

m

thanks max – I’ll try it ??