Calendar in Month View – Days of Week Greyed Out

[laughmasters]

Please see here: http://laugh-masters.com.au/events/
The top bar showing days of weeks is greyed out – using default calendar settings.
Have changed the default blue to our blue #0099cc but other than that, no changes have been made.

[Cliff]

Hi. I see you have set your Display Settings to use the “Full” styling, which by default looks like this.

The “Tribe Events” style by default looks like this.

You could use this custom CSS to make the text white:

body.tribe-events-style-full .tribe-events-calendar th {
color: #ffffff;
}

You can add custom CSS code via your child theme’s style.css file or via a plugin like Simple Custom CSS or, my favorite, Jetpack. Jetpack supports regular CSS and the LESS and Sass pre-processors.

If you’re not a CSS expert, Jetpack’s Custom Design reference may prove helpful.

Please let me know how it goes for you.

[laughmasters]

Thanks – that worked.
While we were there we noticed our pop up text is blue against grey which is not super legible.
Any snippet for this: http://imgur.com/LboxNZL please?

[Cliff]

The text color is coming from these rules: http://cl.ly/1g0I0b1d3Y3X

Here’s a way to make it white (incorporating the previous rule too):

body.tribe-events-style-full .tribe-events-calendar th,
body.tribe-events-style-full #tribe-events-content .tribe-events-tooltip h4,
body.tribe-events-style-full #tribe_events_filters_wrapper .tribe_events_slider_val,
body.tribe-events-style-full .single-tribe_events a.tribe-events-ical,
body.tribe-events-style-full .single-tribe_events a.tribe-events-gcal {
color: #ffffff;
}

I hope this helps you 🙂

[laughmasters]

Sweet. Thank you.

[Cliff]

Glad to help! 🙂

[Author]

Posts