I changed the category colors and made the text WHITE on each, but the calendar still shows black text. What am I missing?
]]>I am new to using this plugin, even though I have uploaded it years ago, I can’t figure out how to make our Calendar to use the Category Color.
]]>Hi all ??! The Events Calendar: Category Colors 7.4.0 is here!
Release includes fixes to make sure we have fully compatible settings save with the new The Events Calendar Settings page.
As always, we recommend testing updates on a staging site first, but it should all be smooth sailing.
Best,
Abz
As others have posted, colors are not saving. Running older versions of plugins is not good, but while we await a fix, here is what I did. I downgraded the TEC plugin one version to 6.6.4.2, added all the colors I needed to categories, and then upgraded the TEC back to the current version. The colors stayed, so that’s a plus. I did not downgrade TEC Pro plugin. Fortunately, I do not need to do this often, so it is not too much of an imposition.
]]>Hi there
Am I doing something wrong? I’m selecting a background color in Events > Settings > Category Colors, scrolling down to save it but its just reverting back to the default settings and not saving?
Hi,
The category colors are no longer saving/updating. I tried adding color selections to Eastampton and the colors did not save in the admin nor display?on the frontend –?https://www.kidzspacenj.com/events/
The website is running the latest version of WordPress (6.6.2) along with the latest version of the Events Calendar and The Events Calendar: Category Colors plugins.
Can you please look into this? Below is a video showing the steps that I’m taking.
https://www.loom.com/share/f9be6b0ca93349269eb77f26f02817ea?sid=71814ed5-528e-407b-953c-bb18a6585108
Please note that this was previously working and no changes were made on our end other than upgrading WordPress and the plugins.
Hello, I can’t get the colors to display. What am I doing wrong?
]]>I see from a previous post that the Divi calendar plugin prevents the colours from displaying. Has there been any progress on a fix for this.
]]>Hi,
I have a problem with category colours on all day events displaying in month view. I have the category ‘external events’ set to show in black background with white font. If I set a time for the event (e.g. 9am – 5pm), it displays correctly. However, if I set it to an all day event (so no times defined), it shows in greyed out background with black text (I have added the black border for now as a sort of workround).
In list view, my external events show in black bg with white text as they should, all good.
Any clues please? All plugins up to date etc. Thanks
]]>Hi All,
I have a multilingual web-site (using WPML). I created some event categories and I translated them using WPML. I have colorized the EN version of the categories but when I switch language the translated categories have no colors. Any solution on how to colorized the translated version of the categories, so as to be presented correctly when the language of the web-site is changed ?
Many thanks in advance for your kind help
Best,
Panagiotis
]]>How can I set a customized ordering of my categories? By default, it orders alphabetically.
]]>When activated, we get an error message. When Category Colors is deactivated, the page works fine. PHP log error below (pulled from a duplicate dev/staging site – https://wt011003535.mywtdev.com/events/):
"PHP Recoverable Error: Uncaught exception 'Error' with message 'Object of class WP_Error could not be converted to string' in /app/web/wp-includes/formatting.php on line 1096, request: GET /events/month/, request_id: 1fbbbf8d7c1cbca9b46abc8da1e77406
0# wp_check_invalid_utf8(WP_Error) at [/app/web/wp-includes/formatting.php:4695]
1# esc_attr(WP_Error) at [/app/web/wp-content/plugins/the-events-calendar-category-colors/src/views/legend.php:51]
2# include(/app/web/wp-content/plugins/the-events-calendar-category-colors/src/views/legend.php) at [/app/web/wp-content/plugins/the-events-calendar-category-colors/src/Category_Colors/Main.php:425]
3# Fragen\Category_Colors\Main->view(legend, array[3], ) at [/app/web/wp-content/plugins/the-events-calendar-category-colors/src/Category_Colors/Frontend.php:282]
4# Fragen\Category_Colors\Frontend->show_legend(/app/web/wp-content/plugins/the-events-calendar/src/views/v2/month/top-bar.php) at [/app/web/wp-includes/class-wp-hook.php:326]
5# WP_Hook->apply_filters(, array[3]) at [/app/web/wp-includes/class-wp-hook.php:348]
6# WP_Hook->do_action(array[3]) at [/app/web/wp-includes/plugin.php:517]
7# do_action(tribe_template_before_include:events/v2/month/top-bar, /app/web/wp-content/plugins/the-events-calendar/src/views/v2/month/top-bar.php, array[2], Tribe\Events\Views\V2\Template) at [/app/web/wp-content/plugins/the-events-calendar/common/src/Tribe/Template.php:1439]
8# Tribe__Template->actions_before_template(/app/web/wp-content/plugins/the-events-calendar/src/views/v2/month/top-bar.php, array[2], events/v2/month/top-bar) at [/app/web/wp-content/plugins/the-events-calendar/common/src/Tribe/Template.php:909]
9# Tribe__Template->template(array[2]) at [/app/web/wp-content/plugins/the-events-calendar/src/views/v2/components/header.php:41]
10# include(/app/web/wp-content/plugins/the-events-calendar/src/views/v2/components/header.php) at [/app/web/wp-content/plugins/the-events-calendar/common/src/Tribe/Template.php:1062]
11# Tribe__Template->template_safe_include(NULL) at [/app/web/wp-content/plugins/the-events-calendar/common/src/Tribe/Template.php:912]
12# Tribe__Template->template(array[2]) at [/app/web/wp-content/plugins/the-events-calendar/src/views/v2/month.php:52]
13# include(/app/web/wp-content/plugins/the-events-calendar/src/views/v2/month.php) at [/app/web/wp-content/plugins/the-events-calendar/common/src/Tribe/Template.php:1062]
14# Tribe__Template->template_safe_include(NULL) at [/app/web/wp-content/plugins/the-events-calendar/common/src/Tribe/Template.php:912]
15# Tribe__Template->template(array[1], array[2], ) at [/app/web/wp-content/plugins/the-events-calendar/src/Tribe/Views/V2/Template.php:71]
16# Tribe\Events\Views\V2\Template->render() at [/app/web/wp-content/plugins/the-events-calendar/src/Tribe/Views/V2/View.php:731]
17# Tribe\Events\Views\V2\View->get_html() at [/app/web/wp-content/plugins/the-events-calendar/src/Tribe/Views/V2/Template_Bootstrap.php:275]
18# Tribe\Events\Views\V2\Template_Bootstrap->get_view_html() at [/app/web/wp-content/plugins/the-events-calendar/src/views/v2/default-template.php:19]
19# include(/app/web/wp-content/plugins/the-events-calendar/src/views/v2/default-template.php) at [/app/web/wp-includes/template-loader.php:106]
20# require_once(/app/web/wp-includes/template-loader.php) at [/app/web/wp-blog-header.php:19]
21# require(/app/web/wp-blog-header.php) at [/app/web/index.php:17]
The reference of this error is 1fbbbf8d7c1cbca9b46abc8da1e77406."
]]>
We had the calendar embedded on the home page. The calendar section started displaying screen width circle icons on the entire page. Console is showing the following errors:
Failed to load resource: the server responded with a status of 404 ()
jquery-migrate.min.js?ver=3.4.1:2 JQMIGRATE: Migrate is installed, version 3.4.1
tribe-events-pro-full-mobile.css:1
Failed to load resource: the server responded with a status of 404 ()
tribe-events-pro-theme-mobile.css:1
Failed to load resource: the server responded with a status of 404 ()
10Unchecked runtime.lastError: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received
tribe-events-pro-full-mobile.css:1
Failed to load resource: the server responded with a status of 404 ()
tribe-events-pro-theme-mobile.css:1
Failed to load resource: the server responded with a status of 404 ()
tribe-events-pro-theme.css:1
Failed to load resource: the server responded with a status of 404 ()
I removed and reinstalled the Events Pro plugin, but those files are still missing. Deactivating the calendar colors plugin resolves the issue.
I’ve set up a test page at the above URL for troubleshooting.
We've upgraded to 7.31. and downgraded again as needed.
Still the hidden categories appear over the top of our calendar.
We also tried Andy's recommended fix:
change to line 43 with no success.
We have the proper setup in our legend.php file as well:
<?php
namespace Fragen\Category_Colors;
use Tribe__Events__Main;
//$options['terms'] =
$teccc->setup_terms( $options );
?>
<div id="legend_box" class="teccc-legend">
<ul id="legend">
<?php
$teccc->terms = array(
17 => array(
0 => 'workshops',
1 => 'Workshops'
),
24 => array(
0 => 'readings',
1 => 'Readings'
),
25 => array(
0 => 'hvwc-recurring-events',
1 => 'HVWC Recurring Events'
),
26 => array(
0 => 'special-events',
1 => 'Special Events'
)
);
]]>
Hi All,
I have the latest release installed but the hidden categories are showing, I applied a change to line 43 that Andy suggested, and it fixed it but now I’m seeing an error, details below.
Thanks!
-Scott
> Can you change line 43 in src/Category_Colors/views/legend.php from
>
> <?php if ( isset( $options[‘show_ignored_cats_legend’] ) ) : ?>
>
> to
>
> <?php if ( ! empty( $options[‘show_ignored_cats_legend’] ) ) : ?>
jQuery.Deferred exception: Cannot read properties of null (reading 'length') TypeError: Cannot read properties of null (reading 'length')
??? at HTMLLIElement.convertLegendEntries (https://neonet.org/wp-content/plugins/the-events-calendar-category-colors/src/resources/legend-superpowers.js?ver=7.3.1:129:18)
??? at Function.each (https://neonet.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:3129)
??? at e.<computed>.each (https://neonet.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:1594)
??? at SuperPowers.activate (https://neonet.org/wp-content/plugins/the-events-calendar-category-colors/src/resources/legend-superpowers.js?ver=7.3.1:101:25)
??? at HTMLDocument.onContainerUpdate (https://neonet.org/wp-content/plugins/the-events-calendar-category-colors/src/resources/legend-superpowers.js?ver=7.3.1:50:19)
??? at HTMLDocument.dispatch (https://neonet.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:40035)
??? at v.handle (https://neonet.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:38006)
??? at Object.trigger (https://neonet.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:70124)
??? at HTMLDivElement.<anonymous> (https://neonet.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:70726)
??? at Function.each (https://neonet.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:3129) undefined ce.Deferred.exceptionHook @ jquery.min.js?ver=3.7.1:2 setTimeout (async)
(anonymous) @ jquery.min.js?ver=3.7.1:2
c @ jquery.min.js?ver=3.7.1:2
fireWith @ jquery.min.js?ver=3.7.1:2
fire @ jquery.min.js?ver=3.7.1:2
c @ jquery.min.js?ver=3.7.1:2
fireWith @ jquery.min.js?ver=3.7.1:2
ready @ jquery.min.js?ver=3.7.1:2
P @ jquery.min.js?ver=3.7.1:2
jquery.min.js?ver=3.7.1:2 Uncaught TypeError: Cannot read properties of null (reading 'length')
??? at HTMLLIElement.convertLegendEntries (legend-superpowers.js?ver=7.3.1:129:18)
??? at Function.each (jquery.min.js?ver=3.7.1:2:3129)
??? at e.<computed>.each (jquery.min.js?ver=3.7.1:2:1594)
??? at SuperPowers.activate (legend-superpowers.js?ver=7.3.1:101:25)
??? at HTMLDocument.onContainerUpdate (legend-superpowers.js?ver=7.3.1:50:19)
??? at HTMLDocument.dispatch (jquery.min.js?ver=3.7.1:2:40035)
??? at v.handle (jquery.min.js?ver=3.7.1:2:38006)
??? at Object.trigger (jquery.min.js?ver=3.7.1:2:70124)
??? at HTMLDivElement.<anonymous> (jquery.min.js?ver=3.7.1:2:70726)
??? at Function.each (jquery.min.js?ver=3.7.1:2:3129) convertLegendEntries @ legend-superpowers.js?ver=7.3.1:129
each @ jquery.min.js?ver=3.7.1:2
each @ jquery.min.js?ver=3.7.1:2
activate @ legend-superpowers.js?ver=7.3.1:101
onContainerUpdate @ legend-superpowers.js?ver=7.3.1:50
dispatch @ jquery.min.js?ver=3.7.1:2
v.handle @ jquery.min.js?ver=3.7.1:2
trigger @ jquery.min.js?ver=3.7.1:2
(anonymous) @ jquery.min.js?ver=3.7.1:2
each @ jquery.min.js?ver=3.7.1:2
each @ jquery.min.js?ver=3.7.1:2
trigger @ jquery.min.js?ver=3.7.1:2
obj.setup @ manager.min.js?ver=6.5.1.6:11 each @ jquery.min.js?ver=3.7.1:2 each @ jquery.min.js?ver=3.7.1:2 obj.ready @ manager.min.js?ver=6.5.1.6:11 e @ jquery.min.js?ver=3.7.1:2 t @ jquery.min.js?ver=3.7.1:2 setTimeout (async) ce.readyException @ jquery.min.js?ver=3.7.1:2
(anonymous) @ jquery.min.js?ver=3.7.1:2
e @ jquery.min.js?ver=3.7.1:2
t @ jquery.min.js?ver=3.7.1:2
setTimeout (async)
(anonymous) @ jquery.min.js?ver=3.7.1:2
c @ jquery.min.js?ver=3.7.1:2
fireWith @ jquery.min.js?ver=3.7.1:2
fire @ jquery.min.js?ver=3.7.1:2
c @ jquery.min.js?ver=3.7.1:2
fireWith @ jquery.min.js?ver=3.7.1:2
t @ jquery.min.js?ver=3.7.1:2
setTimeout (async)
(anonymous) @ jquery.min.js?ver=3.7.1:2
c @ jquery.min.js?ver=3.7.1:2
fireWith @ jquery.min.js?ver=3.7.1:2
fire @ jquery.min.js?ver=3.7.1:2
c @ jquery.min.js?ver=3.7.1:2
fireWith @ jquery.min.js?ver=3.7.1:2
ready @ jquery.min.js?ver=3.7.1:2
P @ jquery.min.js?ver=3.7.1:2
has context menu
]]>
Updating to ver 7.3.1 caused my Events Calendar to not render, and a PHP fatal error in the server logs. Regressing to ver 7.3.0 fixed the issue. I went through all my plugins to see if it was a conflict with an existing plugin, and the issue only occurred with ver 7.3.1 of Category Colors enabled, with all plugins disabled other than the base Events Calendar plugin.
In part, the error read: PHP Fatal error:? Uncaught Error: Object of class WP_Error could not be converted to string in xxxx(path obfuscated)/wp-includes/formatting.php
WP ver 6.5.5, PHP ver 7.4.33.6
Let me know if I can provide any additional information for troubleshooting. This site is a Intranet, so I won’t be able to provide direct access, unfortunately.
]]>After the upgrade cannot acess the calendar: Critical error
Deactivated plugin and calendar is on again.
/home/bhaktima/public_html/wp-includes/formatting.php(4707): wp_check_invalid_utf8()
#1 /home/bhaktima/public_html/wp-content/plugins/the-events-calendar-category-colors/src/views/legend.php(51): esc_attr()
#2 /home/bhaktima/public_html/wp-content/plugins/the-events-calendar-category-colors/src/Category_Colors/Main.php(425): include('/home/bhaktima/...')
#3 /home/bhaktima/public_html/wp-content/plugins/the-events-calendar-category-colors/src/Category_Colors/Frontend.php(282): Fragen\Category_Colors\Main->view()
#4 /home/bhaktima/public_html/wp-includes/class-wp-hook.php(326): Fragen\Category_Colors\Frontend->show_legend()
]]>
We reverted to version 7.3.0 so fix this issue, but when we upgrade to 7.3.1, the hidden categories still display on the calendar page.
]]>The upgrade to version 7.3.1 messed up the month display — it no longer hides display of specified categories and the Legend Superpowers feature also appears to break with the upgrade. So basically the legend for the month display showed several lines of categories that are ticked off as hidden in the setting, immediately after the allowed categories. And clicking links to the allowed categories didn’t produce any response.
I have rolled back to version 7.3.0 for now.
The site is running PHP 8.1.
Hi there, and thanks for the great plugin ??
Is there any way to automatically hide categories if there aren’t any events in that category? We need around 110 categories which would dominate the page and look really bad in the process, but if we could hide categories without upcoming active events it would help tremendously. Is there any way to accomplish that?
]]>Hi, on this site as well as on another one of another client, the categories filter is no longer showing on the main events page of The Events Calendar (or as a matter of fact in none of the other views as for instance category archives views). The categories list only show if you click on the list or month view buttons on that or any page. They used to show fine everywhere until recently but there were several (automatic) updates of The Events Calender in June and maybe one of them is causing this new situation.
]]>settings should be all right but somehow no colors show up? twenty twenty four theme
View post on imgur.com
]]>
Hello you great creators of this handy plugin.
Are you actively developing and updating the plugin for the current version of WordPress? It hasn’t been updated for several months now.
Some people may be hesitant to install it due to this and that would be a shame for such a great plugin.
]]>Hi there
I’m trying to display the category with the colour rather than the event title changing colour. Both on the main events page, and on the single events.
Any ideas?
]]>I want to change the colour only for specific events.
Already displaying pages by category.
In this case, is it possible to colour-code by lower category(sub-category)?
Hi!
Is it possible to add category tags to month view?
https://theeventscalendar.com/knowledgebase/add-category-tags-to-list-view/
Best regards, Viche
]]>On phones, three icons indicate search, filter, and view-type. The icons appear above the category-color legend, but the actual search bar/area and the filters appear below the category-color legend. That does not matter on websites with only a small number of color-categories in the legend, but if you have a dozen categories, for example, clicking the search and filter icons won’t have any visible effect. Clicking search or filter affects the display below what appears on screen. So users don’t see the filter bar. They might find it, but they might not. They might just think it’s a broken / badly-designed website and leave.
On mobile devices / devices with narrow screens, how can we get the search bar and filter to appear above the category-color legend?
To make the Reset button (visible when not using legend superpowers) more visible, I changed the background color to red, and tried to change the font color to white. I tried adding “!important”, but still something I can’t identify is over-riding / over-writing (?) my color change.
#tribe-events #legend li.teccc-reset, .tribe-events #legend li.teccc-reset {background-color:red;color:white !important;line-height:.5rem;}
With two rows of category, the 1st item in the second row sometimes jumps to the end of the 1st row if a user is hovering-over categories that cause the category box length/width to change to the “right” extent.
After jumping to the first row, the cursor is no longer hovering over a category so the width changes again so the item drops back to the second row. That cycle repeats until the cursor is moved.
It’s therefore impossible for users to click most of the categories in the first row.
Solution?
In Appearance > Additional CSS, I added:
.teccc-legend {font-size:1.3em}
(and clicked Publish)
No effect
div id = legend_box class=teccc-legend
ul id = legend
li class = tribe-events-category-salsa
and for some reason also = tribe-events-cat-salsa
There is no class named “tribe-events-category”.
I would need to enter each of the categories into the additional css.
…
Okay, I did that, and it worked.
Solved, but not elegant, not efficient.
If I add new categories I will need to edit the Additional CSS again.
Is there a way to apply the style to all categories within the legend?