Changing calendar widget text colors

[Gina]

I am displaying just the calendar grid part of the widget, no event listings underneath. It shows up with a light gray grid, white text and a white background (so you can’t see there are even the numbers and letters there unless you highlight it). I’ve done the steps above and created a CSS file under
wp-content/themes/mythemename/tribe-events/pro/widget-calendar.css
and tried to get it going with the code example above but that appears to be for the list widget and I don’t know what to put to make the text show up black for the actual calendar grid.
THANKS!

[Julie Kuehl]

Hey eurekasprings,

Looks like you’ve got a table td {background-color: #fff !important} that’s overriding the Tribe styling and turning everything white. Changing that from #fff to #b2b2b2 seemed to take care of the widget display, but I’m not sure what other consequences that might have on your site. But that seems to be a good place to start digging into it.

Let me know how it goes!

– Julie

[Gina]

Well that does change my calendar widget but it makes the full calendar on the Events page background gray as well and it’s not very appealing. I would prefer the background to stay white and the text to be black on the widget.

[Julie Kuehl]

Hey eurekasprings,

Sounds like the troubles you’re having might be because of a theme conflict with the CSS. Have you checked out our Themer’s Guide (https://theeventscalendar.com/support/documentation/events-calendar-themers-guide/) or Tutorials page (https://theeventscalendar.com/the-events-calendar-for-wordpress-tutorials/) for information that could help you sort it out?

– Julie

[Gina]

I will always read anything I can find before I ask a question. The one link sends you in circles regarding the Widget part of the calendar. No answers. I only came back here so in the future if someone has this problem, there’s an easy answer.

After 3 days of trying all the dumb stuff listed here, I started going into files and quite easily changed the CSS file here:
/wp-content/plugins/events-calendar-pro/resources/widget-calendar-full.css?ver=3.4
And now everything is perfect.

[Rob]

Hi Gina. Thanks for the follow-up here, and my apologies for the delay in getting you a reply here…I’ve been out of the office until earlier this week, but wanted to follow-up since it seems like you’re definitely unhappy with our service.

I can tell by reviewing this thread that Julie did her best to help you out here – and while it’s a shame our documentation wasn’t enough to get you sorted (we’re doing our best to restructure that in a way that makes more sense for users), I will say that you might run into some problems trying the solution you mentioned here: modifying files directly in the /resources/ folder will cause your change to be overwritten next time you update the plugin (unless you’ve properly enqueued the new one and dequeued the old one). You would instead want to follow the procedure of a template override, which we’ve detailed in the themer docs. We also have a tag cloud for (which brings in a ton of relevant threads that cover the template override process) from the sidebar on this page.

My apologies that we failed to live up to your support expectations. Please do let us know if we can do more to help you and hopefully improve your experience down the road. If you have any further feedback you’d like to share or want to continue this discussion, don’t hesitate to email me (rob @ tri.be).

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts