Home Forums Events Calendar Add-on Editing Colors of Calendar Header

Editing Colors of Calendar Header

Posted: July 18, 2012 at 9:42 am


July 18, 2012 at 9:42 am

In the Calendar Settings, it says:
To edit the calendar styles, copy the CSS file located in the plugin folder to your “wp-content/uploads/espresso/” directory. Then edit as needed.

I copied this file: /wp-content/plugins/espresso-calendar/css/calendar.css
and pasted it here: /wp-content/uploads/espresso/

I then edited that calendar.css file (in the /uploads/espresso directory); but the changes aren’t showing up. What am I doing wrong?


  • Support Staff

July 18, 2012 at 9:52 am

That part of the calendar settings needs to be updated. Try /wp-content/uploads/espresso/templates

Alternatively, you can override the calendar styles in the active WordPress theme’s stylesheet (usually style.css)


July 18, 2012 at 10:04 am

I moved it to the /wp-content/uploads/espresso/templates/ directory and the changes still aren’t showing up. Is it better to override the styles in my theme’s stylesheet?


  • Support Staff

July 18, 2012 at 11:28 am

yes, even better would be a child theme.


July 18, 2012 at 11:58 am

OK, I did that; but the changes still aren’t taking place. I’m simply trying to change the color of the day header boxes (Sun, Mon, Tue, etc.). I added this to my child theme’s stylesheet but the colors in the calendar still are the original colors.

th.fc-widget-header {
background: #8eb5c2;
color: #000;
text-shadow: none;


July 18, 2012 at 12:11 pm

The only way I can get this to work is if I edit the plugin’s calendar.css file directly. And I really don’t want to do that because those changes would get overwritten with future plugin updates.


  • Support Staff

July 18, 2012 at 1:28 pm

The calendar CSS should load before the theme’s stylesheet. So any style rules applied to the theme’s style.css should override the rules in the calendar.css. Did you try clearing your browser’s cache after making the changes to the theme’s stylesheet?

The support post ‘Editing Colors of Calendar Header’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Do NOT follow this link or you will be banned from the site!