Help Desk

Change CSS in full calendar mode- where do I find the child css file?

  • Posts: 4 Topics: 4
    | Permalink

    Hi I updated the calendar a few weeks back and now noticed that the schedule boxes are showing full teal where there is an event and the event name is not showing

    I can see that I need to change the css so to background (teal colour) is off. So found this that controls the background color

    tribe-grid-allday .tribe-events-week-allday-single, .tribe-grid-body .tribe-events-week-hourly-single, .tribe-grid-allday .tribe-events-week-allday-single:hover, .tribe-grid-body .tribe-events-week-hourly-single:hover {
    background-color: #f3e6d2;
    background-color: rgba( 33, 117, 155, .75 );
    border-color: #14455c;

    Where do I access/change this css so the blue teal background colour is off and it shows the event name in the calendar?

    Here is the url

    Posts: 5027
    | Permalink

    Hi Kristiina,

    You can try adjusting the “Default stylesheet used for events templates” setting under Events > Settings > Display, and if that doesn’t make a difference, you can also add the following CSS to the ┬áCustom CSS area under Appearance > Customize (if you have one) or to the style.css file of your child theme:

    #tribe-events-content .entry-title a {
        color: initial;

    I tested this out, and it appears to be working on my end (see screenshot). Let me know if this helps!

    Posts: 4 Topics: 4
    | Permalink

    thank you

    Posts: 5027
    | Permalink

    No problem!

    Since this has been marked “Resolved”, I’ll go ahead and close it out. Feel free to open up a new thread if you have any further questions!

The topic ‘Change CSS in full calendar mode- where do I find the child css file?’ is closed to new replies.