Styling the Calender Widget

[Lisa]

Our default calendar shows the Months in white font with a white background… So it’s a very confusing calendar.

I’ve tried to change the styling 2 different ways without any changes.

1) I tried changing it in my themes custom CSS.
2) I tried creating a tribe-events.css in the theme’s tribe events folder as I found online to try, without luck.

What would you recommend for those looking to change the styling of the calendar widget?

Thanks

[Lisa]

Forgot the link:

http://www.mysunshineshoppe.com/

[Brian]

Hi,

Thanks for using our plugins. I can help out here.

I visited your site and see what you mean.

I tried this css and got it to work:

.tribe-mini-calendar-wrapper .tribe-mini-calendar-no-event {
color: #000;
}

Add that css to your theme’s stylesheet or through a plugin such as Simple Custom CSS.

Let me know if that helps.

Thanks

[Lisa]

I added it to the custom CSS section of my theme and it still didn’t work?

I appreciate your help! I didn’t have any luck with other themes either?

[Lisa]

And I see what you mean by inspect element and turning it off (making it work).

Just not sure where it’s pulling the CSS and why I can’t override?

[Brian]

Not sure, css is cached many times even at the server level and does not update.

If you add it through the plugin I recommend does it work?

If not could you at least add it through that plugin and live it active and I can take another look and see if I can tweak the css to make it work.

Let me know.

Thanks

[Lisa]

I added it through the plugin and it still doesn’t work.

Sorry! 🙂

[Brian]

Hello,

I visited your site again and I see all text is in black now for the mini calendar.

Are you not seeing that? Please try with a different browser then you typically use.

Let me know.

Thanks

[Lisa]

I’ve used all browsers, I still can’t see the MONTH on the calendar??

Sorry it took so long to reply, had problems with your login system.

[Brian]

Oh my bad I was looking at the Dates and saw that changed and did not pay attention to the month name.

Sorry for the confusion on my part.

Try out this css:

.tribe-mini-calendar-wrapper .tribe-mini-calendar-nav span {
color: #000;
}

Let me know how that works.

Thanks

[Lisa]

That did it…thanks!

[Brian]

Great glad it helps.

I am going to close this ticket, but if you need anything else related to this topic or another please post a new topic on the forum and we can help you out.

Thanks

[Author]

Posts