Home Forums Events Calendar Add-on Calendar background color

Calendar background color

Posted: July 16, 2014 at 10:25 pm


July 16, 2014 at 10:25 pm


I was forced to change themes, and now my website doesn’t look right. With my previous theme I had a blue site background, but the calendar remained with a white background.

With my new theme I made the background blue, but the calendar is also blue. how do I change it to be a white color?

please see the site here (the calendar is on the main page, and also in ‘calendar’ from the main menu):

Any help would be appreciated!


July 17, 2014 at 12:42 am


You could add the following CSS to your themes style.css file or to a plugin such as My Custom CSS:

div#espresso_calendar {
background-color: #fff;

If the header being white is too much use this instead

div.fc-content {
background-color: #fff;


July 17, 2014 at 9:46 am

that’s fantastic, thank you!

Perhaps you also know how I can change the color of the text in the ticket selector? If you look at this page, you’ll the ticket selector has black text and some grey text. The grey is too light. Can I make it a darker grey? like “dimgrey” color ?

and also on the registration pages (where it says ‘steps’ at the top, is barely visible. and the numbers are white. I’d prefer everything to be in that “dimgrey” color. I tried looking for these settings in my theme, but i couldn’t find anything.

Lorenzo Orlando Caum

  • Support Staff

July 17, 2014 at 10:41 am


The styling is coming from this CSS:

.lt-grey-text {
	color: #A39D9C;

You can replace the grey color code above with a darker one. Then add this to your child theme’s stylesheet or a plugin like My Custom CSS or Reaktiv CSS Builder.

This styling is for the registration steps:

#single-page-checkout .spco-steps-display-hdr {

Replace the color code above with a darker one such as #777777. Then also add this to your child theme’s stylesheet or a plugin like My Custom CSS.



July 22, 2014 at 9:35 pm


I tried all the codes you wrote and I got most of the text right, but there’s one part that I can’t figure out the CSS path for. It’s on the event registration page, where it says “Ticket Name and Description” and the line below it “general admission…”

I want those two lines of text to be black. I tried finding the CSS element name, but it only shows for that specific event. Can you help me find the CSS path for those lines of text for ALL events ?

thank you!


July 23, 2014 at 1:57 am

This should do it:

.spco-ticket-info-dv table,
.spco-ticket-info-dv .currency-code {
color: #000;


July 23, 2014 at 12:50 pm

thank you, that worked!

The support post ‘Calendar background color’ 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.

Status: closed

Updated by  siouchko 5 years, 10 months ago ago

Topic Tags


This topic is: resolved
Do NOT follow this link or you will be banned from the site!