Good Evening Lauren,
Great questions. I love the Events Calendar, in part because they generally do a good job of supporting a diversity of themes.
With styling they offer a choice to load their full styles or just a skeleton version of them. The full version typically makes an assumption of a light colored website background with dark text. When that’s reversed like in our Foxy theme, it can cause trouble.
You can change the background color of the events table from transparent to white. Here’s how to do that:
- Go to the Theme Options page and select the Styling tab.
- Scroll down to the Custom CSS box and paste this:
table.tribe-events-calendar {
background-color: #fff;
}
- Update your settings.
The red text is the link color that’s used in the site. You can change that from inside the theme customizer (Appearance > Customize). If you wanted to change only the ones in the calendar table, you could add this to the Custom CSS too:
table.tribe-events-calendar a,
table.tribe-events-calendar a:visited {
color: #000;
}
Just replace the #000 with the color you’d like to use there.
For the individual events, you might add this to the Custom CSS too so that the backgrounds are transparent and the borders not so shocking:
#content .tribe-events-single-section,
#content .tribe-events-venue-map {
background: transparent;
border: 1px solid #404040;
}
See if that doesn’t help out some with the calendar. If you have any questions or trouble, let me know and I’ll be glad to help.
Thanks,
Bill