Add Background Color

[Emmanuel]

Hello,
It seems that the plugin does not have a background color and uses the theme’s default color. How can I add a background color to the calendar pages?

[Joyce Grace]

Hello Emmanuel,
Good question. Depending on which part of the events calendar you want to change colours for, you can view our themer’s guide to customizing the calendar here: https://theeventscalendar.com/support/documentation/events-calendar-themers-guide/ (you want to scroll down and pay attention to the heading that says “CSS”).

It will also help to install Firebug on Firefox or use Chrome to be able to see the CSS elements of the page you want to modify.

Not knowing exactly which part of the calendar you want to modify (i.e., the whole page, the list, the grid, particular events, etc.), here is a sample of what you could try adding to your theme’s style.css (preferably your child theme’s style.css, if it has one):

#tribe-events-content {
margin-bottom: 48px;
padding: 1px 20px;
position: relative;
background: #ENTER-COLOUR-HEX-CODE-HERE;
}

Let me know if this works out for you!

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts