Adjust Mini Calendar Title Font Size

[Michael Brennan]

Hello,

Before opening this topic we did search the website and tried a few different CSS options ourselves. Were not successful in implmenting the chagnes.

What CSS do we have to use to change the font size of the events showing below the mini calendar?

If there is something to add to the short code that would be an option as well.

Thanks for your help.

[Sky]

Hi there,

To target the contents of the events list below the mini calendar, check out this CSS example:

// this targets the event name
.tribe-mini-calendar-event .list-info .tribe-events-title {
font-size: 20px;
}
// this targets the event date and info
.tribe-mini-calendar-event .list-info .tribe-events-duration {
font-size: 20px;
}


Let me know if that helps, or if you have any other questions.

Thanks,
Sky

[Michael Brennan]

Hi Sky,

This portion of your suggestion did the trick for us:

// this targets the event name
.tribe-mini-calendar-event .list-info .tribe-events-title {
font-size: 20px !important;
}

We had to add !important to the font size, but other than that, this CSS was correct.

Thank you very much.

[Sky]

Great! Glad that worked for you!

Let us know if you have any other issues or questions in the future.

Thanks,
Sky

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts