Category colors showing on legend but not in calendar

I spoke with the author, he advised it was only css customisation changes that were made

Honestly, I’m a little sceptical of that claim: if you look in the theme directory you will see a tribe-events subdirectory that itself is full of custom event templates – so unless you added those yourself it seems likely that they have gone beyond just CSS mods and the items added to the functions.php file.

Can you try (temporarily) disabling these by simply renaming the tribe-events folder to __no_use – does that fix the problem at hand (even if it changes a few other aspects of the event pages)?

If so, the problem may be in those custom templates.

Hi Barry, I’ve just removed the whole folder called tribe-events and tried it again and the formatting changes slightly but the colors do not change. Tried it on a couple of computers to make sure it wasnt in the cache but made no difference.

I’ve put the folder back in again and the formatting went back to normal but nothing else changed again.

Thanks for the suggestion, any other suggestions I’m more than willing to try ??

Another suggestion as requested ?? …

Could you create a new file called category.css.php in the following location?

YOUR_THEME/tribe_events/teccc/category.css.php

Of course, adjust the theme name appropriately. Please then add this code to that file … does that help?

Do note that, due to caching, the change may not take place immediately … to workaround this you should be able to just modify a few colour settings and save your changes (this should force it to generate fresh CSS).

Ok so I added the code, changed the colors a bit to force it to generate fresh css, all the colors on the legend disappeared and the color in the tool tips title on each event disappeared.
I deleted the file and again changed colors a bit, refreshed and the legend colors came back and so did the tooltip title colors but the event colors have not changed at all.

any other suggestions ??

appreciated the help.

I’ve also noticed in the above test that if i change the legend text color from white to black it sees the change and the text color changed in the month events. its just not seeing the change for the event color. This applies with that code or without it.

FYI, you can force the CSS refresh by adding, ?refresh_css to the URL.

I think the tribe_events_event_classes() function is missing from the template.

Is that easy to add in, I’m guessing its something that goes into the functions.php.

It goes in ththe template file, unless there’s something in the functions.php that is overriding the normal behavior.

@thedotocom, can you put the tribe-events folder up as public repo on GitHub or Bitbucket? That way, if there are any modifications I can just submit a PR.

Hi Andy
I’ve added it all here:

https://github.com/theodotcom/tribe-events.git

thanks.

If you need anything else let me know ??

Category classes seem to be present? Could be missing something though.

(Also, I’ve updated the gist, I realized too late I left an extra comma in there.)

<h2 class="tribe-events-list-event-title summary">
		<a class="url" href="https://clienthome.co.uk/sports/event/event-1/" title="event 1" rel="bookmark"> event 1 </a>

Is what I see in the page source. There should be classes and there aren’t.

The category classes are a level up:

<div id="tribe-events-event-48-18" class="hentry vevent tribe-events-category-all-level ..." >
	<h3 class="tribe-events-month-event-title entry-title summary">
		<a href="https://clienthome.co.uk/sports/event/event-1/" class="url">event 1</a>

Our rules are blocked because of more specific inline CSS — my change was to introduce an even more specific rule along these lines via the custom category CSS template:

.events-archive.events-gridview #tribe-events-content table .tribe-events-category-<?php echo $slug ?>.vevent

Which ought to solve it for this theme and the way it loads its CSS: you can essentially test the same thing out via browser dev tools.

<div class="event-item-mob">

	<!-- Event Title -->
		<h2 class="tribe-events-list-event-title summary">
		<a class="url" href="https://clienthome.co.uk/sports/event/event-1/" title="event 1" rel="bookmark">event 1</a>

Barry, look at the h3 v h2 tag. We’re looking at different places. I’m looking at the page referenced above.

Yes, having all that inline CSS can certainly be problematic.