Change Font Size of Calendar Widget

[Karim]

Hi Support team,

I don’t know why but the text size of the calendar widged is a lot bigger then the theme fonts size.
Where can i change the font size of the calendar widget to fit the theme font size ?

Thanks

[Wendy]

Good question! It’s ridiculously large! Keen to see the answer to this one.

[Geoff]

Hello folks–thanks for getting in touch!

The widget titles are Heading 2 (<h2>) tags in the HTML. While the calendar’s default style sets that to 14px, it’s very possible that your theme styles are overriding those and changing the size to something bigger.

For example, in your case, Karim, the following in your theme’s CSS is overriding the calendar’s default style:

#main h2 {
font: 18px/20px 'MuseoSlab500Regular', arial, helvetica, sans-serif;
}

If you want to change the style, you can modify that ID in your theme’s style.css file or add the following to that file:

.tribe-mini-calendar-event .list-info h2 {
font-size: 14px !important;
}

Cheers!
Geoff

[Karim]

Thats Awesome !!

Thanks

🙂

[Geoff]

My pleasure! I’m glad that helps out. 🙂

Let us know if any other questions pop up and we’d be happy to help.

Cheers!
Geoff

[Author]

Posts