Where do I change these colors???

[runekjensen]

I can’t figure out where to change them, I mean in what file?
https://www.dropbox.com/s/isg48zsf8fjtmkc/Screenshot%202014-01-21%2021.48.44.png

[Julie Kuehl]

Hello runekjensen,

Have you seen our Themer’s Guide? (https://theeventscalendar.com/support/documentation/events-calendar-themers-guide/#customizingstyles) Depending on what you have in mind, you can just tweak the color codes or perhaps you want to consider changing the style option for the calendar in the settings.

Does that make sense?

— Julie

[runekjensen]

Yes but I can’t seem to locate where these two colors are placed or named?

[Andy Fragen]

As soon as this bug, https://tri.be/support/forums/topic/3-3-1-week-view-with-incorrect-category-class/ is fixed, you can use The Events Calendar Category Colors plugin, http://wordpress.org/plugins/the-events-calendar-category-colors/ to colorize the week view.

A quick example is at http://tribe.drfragen.info/events/week/2014-01-26/ The bug is causing all the events to have the same coloring.

[Brook]

Howdy runekjensen,

The heading color is specified within tribe-events-theme.min.css. Since it is a minified file a line number would be useless. To override the heading color I would use the following code to make it black:

body #tribe-events-content .tribe-events-tooltip h4{ color:#000; }

The event background color is specified in tribe-events-pro-theme.css on line 30. I’d use the following rule to override:

body .tribe-grid-allday .hentry.vevent > div,
body .tribe-grid-body div[id*="tribe-events-event-"] .hentry.vevent,
body .tribe-grid-allday .hentry.vevent > div:hover,
body .tribe-grid-body div[id*="tribe-events-event-"] .hentry.vevent:hover {
background-color: #000;
background-color: rgba(0, 0, 0, .75);
border-color: #333;
}

Does that help? Please let us know. Thanks!

– Brook

[runekjensen]

Perfect!
That works like a charm

[Brook]

Awesome! Glad to hear that.

[Author]

Posts