Support

January 12, 2018 at 3:00 pm

Hi there,

You can go to Event Espresso > Calendar to change the background and text colors, more info in the documentation:

https://eventespresso.com/wiki/events-calendar-add-on/

January 16, 2018 at 10:19 am

Hi there,

The dark gray sounds like something the active WordPress theme is adding. If you can post a link to the page in question we can advise how to override the WordPress theme.

January 16, 2018 at 11:33 am

Hi there,

It looks like you’re using an iframe on the page to display the calendar. If you change the page to display the calendar with a shortcode that might just fix the background color. So this:

<div style="width:100%; height: 500px;">
	<iframe src="http://yoursite.com?calendar=iframe" width="100%" height="100%"></iframe>
</div>

can be changed to be this:
[ESPRESSO_CALENDAR]

Then you can apply some CSS to the page via the built in WordPress customizer in WP > Appearance > Customize > Additional CSS where you’ll add:

#espresso_calendar .fc-content table {
	background-color: #fff;
}

Then publish your changes.

January 16, 2018 at 11:51 am

Are you using a page builder?

The above means either the calendar scripts are not being added to the page, or there is a JavaScript error being thrown which is preventing the scripts from running.

Do you have a page that is currently using the shortcode I can view?

January 16, 2018 at 12:17 pm

Moving scripts to the footer of the page doesn’t help page load time. It might affect perceived load time, but in this case, it’s breaking things. This is because the Calendar scripts and their dependencies need to be loaded in the head of the document, so they’re ready and available to render the calendar.

You can use a plugin like autoptimize which will minify and compress scripts, which will really help page load time by reducing http requests and by reducing the amount of KB’s downloaded to the browser per page load.

January 18, 2018 at 4:56 am

Is there a different setting I need to change? Please take a look and advise? HERE

We need more details than the output of the page, I’m not sure what I’m looking for?

Did you add the events to different categories?

OH and also, is there a way to darken the date colors inside the calendar?

You can use some CSS, such as:

#espresso_calendar .fc-day-number {
    font-weight: 600;
}

You can add that to Appearance -> Customize -> Additional CSS

Please refer to this guide for more detailed information about the CSS customizer: https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress