css rule to adapt font size in mini calendar

[klara]

hi there,

to make the mini calendar fit in my sidebar a friend added this piece of code to my custom css: .tribe-mini-calendar-no-event, tribe-mini-calendar-day-link, th.tribe-mini-calendar-dayofweek{
font-size:10px;
}

Now it turns out there are still two probolems left wityh the size:
the font size of the days when there are events are still big, so when on many days I have events still the mini calendaqr is too big. how do i resize these numbers?

the title still contains too much space, leading to the >> sign coming on the next line. How do I resize that?

thank you for helping out

[Brook]

Howdy klara,

The arrow buttons mave a lot of space around them. The following CSS should remove it:
body .tribe-mini-calendar-nav span {
margin: 0;
}

If you would like to resize the month heading, the following should work:
#tribe-mini-calendar-month {
font-size: .75em;
}

Please let me know if that works for you. I’d also be glad to answer any further questions if you have them. Cheers!

– Brook

[klara]

thank you and one question still unresolved:

the arrow buttons are fine now.
the other question was not about the month heading, it is about the days of the month (numbers) where there ARE events.

I trust there is a similar coade for that and looking fporward to reading it

[Brook]

Howdy klara,

I apologize, I am not totally clear on which days/numbers you are talking about. There are ones in the calendar itself, then a couple sets in the list beneath. Could you please make an annotated screenshot specifically showing what you are referring to? If you are on Windows the Snipping Tool is great for this sort of thing. Then you could post the screenshot to a website, like this one for example.

Once I know what you are talking about I would be glad to do all I can to assist. To be honest we generally have to give more general advice on how to find a CSS class, and let you find it/create the rule. But, since you only had two rules you need created I am hoping my manager does not mind me making an exception for you.

Please let me know if you can post that screenshot, worth a thousand words as they say. Cheers!

– Brook

[Author]

Posts